Modal
Une boîte qui interrompt.
Elle enferme le focus et bloque le défilement de la page : sans cela, la tabulation continue derrière le voile, et l'on remplit un formulaire qu'on ne voit pas. L'échappement la referme toujours — c'est la sortie que tout le monde essaie en premier.
Installation
bash
sia-ui add modalOu par le paquet, sans rien copier :
tsx
import { Modal } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* onOpenChange | (open: boolean) => void | — | |
* open | boolean | — | |
* title | ReactNode | — | |
className | string | — | |
closeLabel | string | — | |
closeOnBackdrop | boolean | true | |
description | ReactNode | — | |
footer | ReactNode | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.