Use the BaseHeading component to display a title or an important heading. You can use various props to customize the size, weight, the line-height and the Html tag used to render the heading.
A huge heading
A bold and very large heading
A smaller and less thicker heading
Smaller and using another color
Show codeHide code
Use the BaseParagraph component to display a text paragraph. You can use various props to customize the size, weight, the line-height and the Html tag used to render the paragraph.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Duo Reges: constructio interrete. Philosophi autem in suis lectulis plerumque moriuntur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Duo Reges: constructio interrete. Philosophi autem in suis lectulis plerumque moriuntur.
Any text can have a different color
Show codeHide code
Use the BaseText component to display a text span. You can use various props to customize the size, weight, the line-height and the Html tag used to render the content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Duo Reges: constructio interrete. Philosophi autem in suis lectulis plerumque moriuntur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim Polemonis. Duo Reges: constructio interrete. Philosophi autem in suis lectulis plerumque moriuntur.
Any text can have a different color
Show codeHide code
Use the BaseLink component to display an HTML anchor element. You can also nest the BaseLink component inside the above typography clusters to inherit their props.