Typography
Un titre.
Le niveau et la taille sont deux props distinctes : le niveau dit la place dans la hiérarchie du document, la taille ce qu'on voit. Les lier forcerait à sauter un niveau pour obtenir un titre plus petit — et à casser le parcours au lecteur d'écran.
Installation
bash
sia-ui add typographyOu par le paquet, sans rien copier :
tsx
import { Heading, Text, InlineCode } from "@sia-ui/react-web";Props de Heading
| Prop | Type | Défaut | Description |
|---|---|---|---|
level | 1 | 2 | 3 | 4 | 6 | 5 | 2 | |
size | "sm" | "md" | "lg" | "xl" | lg |
Props de Text
| Prop | Type | Défaut | Description |
|---|---|---|---|
size | "sm" | "md" | "lg" | md | |
tone | ComponentTone | neutral |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.