ConfirmDialog

La question qu'on pose avant de détruire.

onConfirm peut rendre une promesse : le bouton reste occupé tant qu'elle n'a pas abouti. Sans cela, la boîte se referme sur un appel encore en vol, et l'on ignore si la suppression a eu lieu.

Installation

sia-ui add confirm-dialog

Ou par le paquet, sans rien copier :

import { ConfirmDialog } from "@sia-ui/react-web";

Props

Prop	Type	Défaut	Description
* onConfirm	() => void | Promise<void>	—
* onOpenChange	(open: boolean) => void	—
* open	boolean	—
* title	ReactNode	—
cancelButtonProps	Partial<Omit<ButtonProps, "children" | "onClick">>	—	Les props du bouton d'annulation. Sans onClick, qui referme la boîte ; disabled s'ajoute à loading au lieu de le remplacer.
cancelLabel	string	—
confirmButtonProps	Partial<Omit<ButtonProps, "children" | "loading" | "onClick">>	—	Les props du bouton de confirmation. Sans onClick ni loading, branchés sur onConfirm et loading ; le libellé passe par confirmLabel.
confirmLabel	string	—
description	ReactNode	—
loading	boolean	false
modalProps	Partial<Omit<ModalProps, "children" | "footer" | "open" | "onOpenChange">>	—	Les props de la Modal. Sans open, onOpenChange, children ni footer, que la boîte de confirmation tient elle-même. Pendant loading, un clic sur le voile ne ferme jamais, quel que soit closeOnBackdrop : ce serait abandonner un appel encore en vol.
tone	any	primary

* obligatoire.

Voir aussi

• Le composant dans le catalogue — états, variantes, et bac à sable.
• La référence complète — tous les composants.