Superpositions

Bounce warning dialog

Une 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.

Nightshade

Danger zone

Owner

Delete this project

Removes boards, cards, and file history.

Escape or Cancel backs out. Enter or Delete project confirms.

Utiliser Bounce warning dialog

Une 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.

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: accentColor, springBounce, icon

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

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.

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.

2073Typed confirm dialogSuperpositionsUne 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.

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.

2119Centered modal frameSuperpositionsUn modal centré uni qui s'estompe et s'agrandit sur un fond grisé, avec un en-tête, un corps et un pied de page, pour les formulaires et les confirmations de tous les jours.

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.