Text
Body text inside a Card or next to another component. A paragraph alone is markdown outside the fence. Use color "default" or "secondary". `text` can have inline markdown: **bold**, *italic*, ~~strike~~, ++underline++, `code` and [link](https://example.com). The `children` ids render inline after the text, for example a Badge.
Examples
Loading examples…
Props
| Prop | Type | Description |
|---|---|---|
color | string | One of default|prose|primary|emphasis|secondary|tertiary|success|info|warning|caution|danger|discovery or a CSS color |
fontWeight | "normal" | "medium" | "semibold" | "bold" | |
textAlign | "start" | "center" | "end" | |
italic | boolean | |
truncate | boolean | |
maxLines | number | |
tabularNums | boolean | |
width | number | string | |
weight | number | flex-grow in a Row or Column |
text | string | number | Text with inline markdown. A bound number shows as text |
size | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | Default "md" |
fontSize | number | string | Pixels when a number. Wins over size |
lineHeight | number | string | A unitless ratio, or CSS |
minLines | number | Reserves the height of this many lines |
strong | boolean | Default false |
underline | boolean | |
lineThrough | boolean | |
inline | boolean | |
preserveWhitespace | boolean | |
highlight | "green" | "orange" | "pink" | boolean |
Slots
children· multiple