Components
Typography
Playground
Play around with the component props and see them dynamically apply. The playground serves as a API documentation of the component.
Typography
Prop Name | Description | Default Value | Control |
|---|---|---|---|
| variant | The variant of the text | "body" | |
| size | The size to use. | "medium" |
Styles
Typography has five distinct type styles: Display, headline, title, body, and label.
Display Large
Display Medium
Display Small
Headline Large
Headline Medium
Headline Small
Title Large
Title Medium
Title Small
Label Large Label Medium Label SmallBody Large
Body Medium
Body Small