Components / Typography
Text
Body text with a size, tone and element of your choice.
@ruckc/truss-ui Typography
Import
import { Text } from '@ruckc/truss-ui';Playground
size
tone
as
API
| Prop | Type | Default | Description |
|---|---|---|---|
as | string | 'p' | |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Control size: `sm` (24px), `md` (32px, default) or `lg` (40px). |
tone | 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'danger' | 'default' | |
class | string | '' | |
children snippet | Snippet | — | Content, as a Svelte snippet. |