Superpositions

Typed confirm dialog

Une boîte de dialogue d'action destructrice dont le bouton de confirmation ne se déverrouille que lorsque quelqu'un tape une phrase exactement correspondante, protégeant ainsi contre les clics accidentels.

Halcyon

Danger zone

Owner

Delete this project

Removes every board, task, and file inside.

Escape or Cancel backs out. Typing “delete” unlocks Delete project.

Utiliser Typed confirm dialog

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: confirmPhrase, accentColor, dangerLabel

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

1923Bounce warning dialogSuperpositionsUne boîte de dialogue de confirmation apparaît avec un dépassement élastique et un badge d'icône rebondissant, exigeant une réponse avant que la page ci-dessous ne redevienne utilisable.

1942Confirm action dialogSuperpositionsUn modal centré qui interrompt la page pour obliger quelqu'un à confirmer ou à annuler explicitement une action sérieuse avant qu'elle ne se produise.

1943Consequence confirm dialogSuperpositionsUne boîte de dialogue de confirmation qui s'incline depuis un bord choisi et bloque la page jusqu'à ce que le visiteur annule ou continue explicitement.

2334Destructive confirm dialogSuperpositionsUne boîte de dialogue de confirmation pour les actions destructrices qui ne se ferme que via ses propres boutons, refusant de se fermer lors d'un clic ou d'un échappement en arrière-plan.

1919Banner header dialogSuperpositionsUne fenêtre modale avec une bande de bannière colorée sur son bord supérieur, posée sur une copie grisée et entièrement inerte de la page située derrière elle.

2306Blocking alert dialogSuperpositionsUn dialogue centré qui exige un choix explicite avant de se fermer, utilisé pour des actions irréversibles que le visiteur ne doit pas rejeter par accident.