Typography
Typography can get props that will change its appearance.
- component - the component that will be displayed
div/span/h1/h2/h3/h4/h5/h6 - variant - (default:
VARIANTS.BODY_L) - family - the font family that will be used for the font
- weight - the font weight that will be used for the font
Basic
system-headline
system-subtitle
system-body
title
headline1
headline2
headline3
subtitle-XL
subtitle-L
subtitle-S
body-L
body-S
body-XS
Props deafult
Font Family
Secondary font family
Primary font family
Force Secondary
Font Weights
Bold by default
Regular by default
Force regular weight
Component
h4 by default
div by default
Force div (But keep size)
Empty variant (default)
Default variant is Body-L
API
Props
| Name | Description | Type | Default |
|---|---|---|---|
| component | string | ||
| variant | string | VARIANTS.BODY_L | |
| family | string | ||
| weight | string |
Slots
| Name | Description |
|---|---|
| default |