dialogsFeedback
Dialog
A modal sch window with 28px corners, 480px max, to confirm or type something short.
Live preview
Reference specimen. Example copy comes from the Pelote specs and is in French.
ExpressiveRéférence
restart_altRedémarrer le serveur ?
Les 6 conteneurs s'arrêtent pendant environ une minute. Les sites seront indisponibles.
UX / UIRègles illustrées
check_circleÀ faire
Supprimer « blog » ?Le conteneur et ses volumes seront effacés.
cancelÀ éviter
« Êtes-vous sûr ? » Oui / Non : on ne sait pas ce qu'on confirme.Variante M3EMême composant, mêmes rôles, autre matière
PlazaWii U / 3DS
Redémarrer le serveur ?
Les sites seront indisponibles une minute.
ChromeY2K
Confirm
Redémarrer le serveur ?Downtime : ~1 min infoReference specimen. Example copy comes from the Pelote specs and is in French.
A modal sch window with a 28px radius, 480px max, to confirm an irreversible action or type something short.
Rules
- A question title, one sentence naming the consequence, two actions: text on the left, primary on the right.
- Entrance: scale 0.94 to 1 plus fade, 300 ms --ease-decel. Escape and backdrop click close it; focus returns to the trigger.
- Destructive action in btn-danger; cookie icon in ec for danger.
- No dialog for information: use a snackbar.