Typography (React)
The typography package consists of all the components you need to add text to your app.
Installation
$ npm install @vygruppen/spor-typography-react
Usage
import { Text, Paragraph, Heading } from "@vygruppen/spor-typography-react";
Text
aka Paragraph
A simple paragraph of text.
This component has an alias - Text
and Paragraph
is the exact same component. Text
reads nicer, but Text
is also a window
global, which will make it troublesome to import automatically.
You can specify all the styles you want as props, including fontSize
and color
.
<Text>Choo choo, goes the train</Text>
<Paragraph fontSize="sm">In Norwegian, trains go "tøff tøff tøff"</Paragraph>
Heading
A heading, that defaults to a H2 with fontSize="xl"
.
You can override the heading level with the as
prop:
<Heading as="h1" fontSize="2xl">
Huge news!
</Heading>
Development
Please refer to the root readme for development notes.