Components / Typography
Heading
A semantic h1-h6 whose visual size from the type scale is independent of its level.
@ruckc/truss-ui Typography
Import
import { Heading } from '@ruckc/truss-ui';Playground
level
size
API
| Prop | Type | Default | Description |
|---|---|---|---|
level | 1 | 2 | 3 | 4 | 5 | 6 | 2 | |
size | ('xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl') | — | Control size: `sm` (24px), `md` (32px, default) or `lg` (40px). |
class | string | '' | |
children snippet | Snippet | — | Content, as a Svelte snippet. |