Components
Typography

Typography

Variants


Title

<Typography variant="title">Title</Typography>

Subtitle

<Typography variant="subtitle">Subtitle</Typography>

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

<Typography variant="paragraph">
  Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</Typography>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<Typography variant="content">
  Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
  when an unknown printer took a galley of type and scrambled it to make a type
  specimen book.
</Typography>

Default

<Typography>Default</Typography>

Fonts

I recommend that you use self-hosted fonts. You can customize the primary font in the theme typography object.

Customize the font size, color, line height etc...

Custom

<Typography
  fontSize={24}
  lineHeight={22}
  fontWeight={400}
  letterSpacing={22}
  fontFamily="Roboto"
>
  Custom
</Typography>
Last updated on August 23, 2022
Button
Theme