Text

Text is a component that renders text with different styles.

Properties

Name
Description
small
Make the text smaller.
light
Use var(--text-light) color.
normal
Use 400 font weight.
bold
Use 600 font weight.

Usage

<Text>Normal Text</Text>
<Text small>Small Text</Text>
<Text light>Light Text</Text>
<Text small light>Small & Light Text</Text>
<Text normal>Normal Weight Text</Text>
<Text bold>Bold Text</Text>
Normal Text Small Text Light Text Small & Light Text Normal Weight Text Bold Text