Typography
Edit on GitHub<Heading>and
<Text>components for all your typography needs
import { Heading, Text } from 'design-system/typography';
Text
Text component is used for all body text in the app. It includes our body font family, and exposes props for font size, weight and color.
Prop | Options | Default |
---|---|---|
as? | p, span | p |
children | string | |
color? | default, emphasis | default |
size? | SizingType | medium |
Heading
Used for all headings in the app. It exposes a prop for 'level', as well the same utility props from Box.
Prop | Options | Default |
---|---|---|
children | string | |
level? | 1,2,3,4,5,6 | 1 |