Typography

Heading 1

Heading 2

Heading 3

Section header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas unde ut quo eligendi deleniti nobis non veniam culpa asperiores accusamus. Adipisci dicta aspernatur quis, cumque vitae ipsa fugiat vel voluptas.

Internal link External link

Copy

Copied

<H1>Heading 1</H1>
<H2>Heading 2</H2>
<H3 fontWeight="{400}">Heading 3</H3>
<SectionHeader> Section <Emphasis>header</Emphasis> </SectionHeader>
<Typography>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas unde ut quo eligendi deleniti nobis
  non veniam culpa asperiores accusamus. Adipisci dicta aspernatur quis, cumque vitae ipsa fugiat
  vel voluptas.
</Typography>

<Link to="/">
  Internal link
</Link>
<Link to="https://google.com" external>
  External link
</Link>

Props

Name	Type	Description
mt	string \| number \| array \| object	Defines the margin-top style property. Default value: 1em
mb	string \| number \| array \| object	Defines the margin-top style property. Default value: 1em
fontFamily	string	Defines the font-family style property. Default value from 'theme.typography.fontFamily' Default value: Soehne, sans-serif
fontSize	string	Defines the font-size style property. Default value from 'theme.typography.fontSize Default value: 16px
fontWeight	string \| number \| array \| object	Defines the font-weight style property. Default value from 'theme.typography.fontWeightRegular' Default value: 400
lineHeight	string \| number \| array \| object	Defines the line-height style property. Default value from 'theme.typography.lineHeight' Default value: 1.6
letterSpacing	string \| number \| array \| object	Defines the letter-spacing style property.
fontStyle	string \| array \| object	Defines the font-style style property. Default value: normal
textAlign	string \| array \| object	Defines the text-align style property. Default value: left
color	string	Defines the color style property. Default value from 'theme.color.text.primary' Default value: #555555

Link props

Name	Type	Description
to*	string	The URL to link.
external	boolean	If true the link will display with external icon. Default value: false