PageHeader
Le titre d'un écran, et ses actions.
Un seul <h1> par page, rendu ici : la hiérarchie des titres est ce qui permet de parcourir un écran au lecteur d'écran, et deux <h1> la cassent sans que rien ne se voie. Une section imbriquée passe donc level={2}.
Installation
bash
sia-ui add page-headerOu par le paquet, sans rien copier :
tsx
import { PageHeader } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* title | ReactNode | — | |
actions | ReactNode | — | |
className | string | — | |
description | ReactNode | — | |
eyebrow | ReactNode | — | |
level | 1 | 2 | 3 | 1 | Le niveau du titre. 1 — le défaut — pour l'en-tête d'un écran. 2 ou 3 pour une section dans un écran qui a déjà son <h1> : la liste des environnements dans la fiche d'un projet. Le titre y est plus petit et l'espace sous l'en-tête plus court. |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.