npm

@bnnvara/typography

1.1.1 • Public • Published

Typography

The typography package is based on the EXO-BNNVARA font. It contains styles for heading, subtitles and text.

Design & API Documentation

DEMO Typography

Patterns library

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.

Package Sidebar

Install

npm i @bnnvara/typography

Weekly Downloads

6

Version

1.1.1

License

ISC

Unpacked Size

19.8 kB

Total Files

15

Last publish

Collaborators

  • elmarwouters
  • jimmytenbrink
  • iwettum