Properties
| Name | Type | Required | Description |
|---|---|---|---|
| id | string | Yes | Unique identifier for the component |
| text | string | { path: string } | Yes | Text content or data binding |
| variant | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body' | 'caption' | No | Typography style(default: body) |
| tone | 'default' | 'muted' | 'accent' | No | Text color tone(default: default) |
| align | 'start' | 'center' | 'end' | No | Text alignment |
Examples
Typography Hierarchy
Different text variants for content structure
Preview
json
Data Binding
Text component with live data binding
Preview
json