Breadcrumb
Le chemin parcouru.
Le dernier élément n'est jamais un lien : c'est la page courante, et un lien vers l'endroit où l'on se trouve déjà n'existe pas.
Installation
bash
sia-ui add breadcrumbOu par le paquet, sans rien copier :
tsx
import { Breadcrumb } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* items | BreadcrumbItem[] | — | |
ariaLabel | string | — | |
className | string | — | |
dropdownMenuProps | Partial<Omit<DropdownMenuProps, "children" | "items" | "onSelect">> | — | Le menu des niveaux repliés : placement, décalage, classe. Ses entrées et son déclencheur viennent de items. |
maxVisible | number | 4 | Au-delà, les niveaux intermédiaires passent dans un menu. Le premier et les deux derniers restent toujours visibles : ce sont les seuls dont on ait vraiment besoin pour se situer. |
separator | ReactNode | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.