Typography

Type scale

The library inherits your font family. Each text style below is a component; click a name for its props and examples, or copy the markup.

Page title

Page title

<PageTitle>Page title</PageTitle>

Body

Body text uses text-sm and the app-text color.

<BodyText>Body text uses text-sm and the app-text color.</BodyText>

Helper text

Helper text uses text-xs and app-muted.

<HelperText>Helper text uses text-xs and app-muted.</HelperText>

Label

Label
<Label>Label</Label>

Link

<TextLink href="#">Link</TextLink>