Text
Displays basic text.
Text
Was this example helpful?
Usage#
API Reference#
This component is based on the p element and supports all of its props
| Prop | Type | Default |
|---|---|---|
asChild | boolean | false |
as | "p"| "span"| "div" | "p" |
size | "xsmall"| "small"| "base"| "large"| "xlarge" | "base" |
weight | "regular"| "plus" | "regular" |
family | "sans"| "mono" | "sans" |
leading | "normal"| "compact" | "normal" |
Was this helpful?
Examples#
All variations#
Base Size, Regular Weight, Sans-Serif
Base Size, Plus Weight, Sans-Serif
Large Size, Regular Weight, Sans-Serif
Large Size, Plus Weight, Sans-Serif
XLarge Size, Regular Weight, Sans-Serif
XLarge Size, Plus Weight, Sans-Serif
Base Size, Regular Weight, Mono
Large Size, Regular Weight, Mono
Large Size, Plus Weight, Mono
XLarge Size, Regular Weight, Mono
XLarge Size, Plus Weight, Mono
Was this example helpful?