1.1.1 • Published 5 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
5 years ago
1.1.0
5 years ago
0.0.29
5 years ago
0.0.28
5 years ago
0.0.27
5 years ago
0.0.26
5 years ago
0.0.25
5 years ago
0.0.24
5 years ago
0.0.23
5 years ago
0.0.21
5 years ago
0.0.19
5 years ago
0.0.18
5 years ago
0.0.17
5 years ago
0.0.16
6 years ago
0.0.15
6 years ago
0.0.14
6 years ago
0.0.13
6 years ago
0.0.12
6 years ago
0.0.11
6 years ago
0.0.10
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago