- Components
- Text
Text
Semantic text component with intent-based styling.
Demo
Default muted text
Body text for paragraphs
Title text for emphasis
Installation
terminal
Usage
The Text component provides semantic text styling with intent-based coloring. Use the
intent prop to apply different text colors, and elementType to change the HTML tag.Examples
Intents
Muted text for secondary information
Body text for main content
Title text for headings context
Caption text in grayPrimary colored text
Secondary colored text
Warning colored text
Destructive colored text
API
| Prop | Type | Description |
|---|---|---|
| intent | muted | body | title | caption | primary | secondary | warning | destructive | Semantic color intent for the text. |
| elementType | p | span | div | label | small | HTML tag to render (default: p). |