¿Eliminar 3 fotos?
Se borrarán de todos tus dispositivos. Esta acción no se puede deshacer.
Alerte en verre
Une boîte de confirmation en verre qui arrive avec un rebond et propose deux actions séparées par de fines lignes.
Réglages
Code
<div class="uv-gal"><button type="button" class="fire">Afficher l’alerte</button><div class="dl" role="alertdialog" aria-labelledby="uv-gal-t" aria-describedby="uv-gal-d"><p class="ti" id="uv-gal-t">Supprimer 3 photos ?</p><p class="ds" id="uv-gal-d">Elles seront supprimées de tous tes appareils. Action irréversible.</p><div class="ac"><button type="button" class="cl">Annuler</button><button type="button" class="dg">Supprimer</button></div></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Liquid Glass
Voir tout : Liquid GlassOù l’utiliser
Les alertes système au nouveau style verre paraissent plus légères qu'une fenêtre opaque tout en exigeant une décision. Cette boîte apparaît sur une aurore vive avec un léger rebond, utilise un panneau plus dépoli pour que le texte reste lisible et propose Annuler et une action destructive en rouge séparées par de fines lignes translucides, comme les alertes natives.
Elle utilise le rôle alertdialog avec titre et description, place le focus sur Annuler à l'ouverture et se ferme avec Échap ou l'un des boutons. Le bouton du bas rejoue l'entrée et les réglages de flou et de teinte adaptent le verre à tout fond.