Text is our basic component for rendering text, use it for any non-heading text
Sizes
Capsize is used to size the text to the height of its capital letters, trimming the space above capital letters and below the baseline.
The sizes available are: xs, sm, md, lg, xl.
<Text size="sm">
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.
</Text>
API Reference
| Prop | Type | Default | Required |
|---|---|---|---|
as | JSX.IntrinsicElements | - | - |
family | "body" | "display" | "mono" | Partial<Record<Breakpoint, "body" | "display" | "mono">> | body | - |
noCapsize | boolean | - | - |
size | Partial<Record<Breakpoint, "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl">> | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | md | - |
weight | "bold" | "normal" | Partial<Record<Breakpoint, "bold" | "normal">> | - | - |