1.1.1 • Published 6 years ago
@bnnvara/typography v1.1.1
Typography
The typography package is based on the EXO-BNNVARA font. It contains styles for heading, subtitles and text.
Design & API Documentation
Installation
npm install @bnnvara/typography --save
Basic Usage
import { Heading, Subtitle, Text } from '@bnnvara/typography';
HTML Structure
Heading
<Heading
element="h1"
variant="one"
>Title example</Heading>
Subtitle
<Subtitle>Suspendisse potenti. Nam facilisis mi quis</Subtitle>
Text
<Text><p>Suspendisse potenti.</p></Text>
Variants
Heading
Heading takes care of the headings on the site.
Props
Name | Type | Props | Required |
---|---|---|---|
variant | String | one, two, three, four, five, six, brand, copyright. | Required |
element | String | h1, h2, h3, h4, h5, h6 | required |
children | String | any input, must be a React node. | Required |
color | String | "white" or "black" | Required |
Subtitle
Subtitles are used for the styling of subtitles
Props
Name | Type | Props | Required |
---|---|---|---|
children | String | any input, must be a React node. | Required |
Text
Text is used for the styling of paragraphs.
Name | Type | Props | Required |
---|---|---|---|
children | String | any input, must be a React node. | |
bold | Boo | Renders the text in bold. |
1.1.1
6 years ago
1.1.0
6 years ago
0.0.29
7 years ago
0.0.28
7 years ago
0.0.27
7 years ago
0.0.26
7 years ago
0.0.25
7 years ago
0.0.24
7 years ago
0.0.23
7 years ago
0.0.21
7 years ago
0.0.19
7 years ago
0.0.18
7 years ago
0.0.17
7 years ago
0.0.16
7 years ago
0.0.15
7 years ago
0.0.14
7 years ago
0.0.13
7 years ago
0.0.12
7 years ago
0.0.11
7 years ago
0.0.10
7 years ago
0.0.9
7 years ago
0.0.8
7 years ago
0.0.7
7 years ago
0.0.6
7 years ago
0.0.5
7 years ago
0.0.4
7 years ago
0.0.3
7 years ago
0.0.2
7 years ago