AlertDialog

Dialog modal de confirmation qui interrompt l'utilisateur et attend une reponse explicite. Contrairement au Dialog standard, l'AlertDialog ne peut pas etre ferme en cliquant en dehors ou avec Echap : l'utilisateur doit choisir une action.

Confirmation destructive

Utilisez un AlertDialog pour les actions irreversibles comme la suppression d'une session ou d'un compte.

Confirmation simple

Version non-destructive pour confirmer une action importante mais reversible.

Props

AlertDialog (Root)

Prop	Type	Default	Description
open	boolean	—	Controle l'ouverture du dialog (mode controle).
defaultOpen	boolean	false	Etat d'ouverture par defaut (mode non-controle).
onOpenChange	(open: boolean) => void	—	Callback appele quand l'etat d'ouverture change.

AlertDialogTrigger

Prop	Type	Default	Description
asChild	boolean	false	Si true, rend l'enfant direct au lieu d'un <button>.

AlertDialogContent

Prop	Type	Default	Description
className	string	—	Classes CSS additionnelles. Par defaut : max-w-lg, centre, ombre, bords arrondis.

Sous-composants

Prop	Type	Default	Description
AlertDialogHeader	HTMLDivElement	—	Conteneur pour Title et Description. Flex column, centre sur mobile.
AlertDialogTitle	Radix AlertDialogPrimitive.Title	—	Titre du dialog. text-lg font-semibold.
AlertDialogDescription	Radix AlertDialogPrimitive.Description	—	Description du dialog. text-sm text-muted-foreground.
AlertDialogFooter	HTMLDivElement	—	Pied du dialog. Colonne inversee sur mobile, flex-row sur desktop.
AlertDialogCancel	Radix AlertDialogPrimitive.Cancel	—	Bouton d'annulation. Style outline par defaut. Ferme le dialog.
AlertDialogAction	Radix AlertDialogPrimitive.Action	—	Bouton de confirmation. Style primary par defaut. Ferme le dialog et declenche l'action.