¿Eliminar 3 fotos?
Se borrarán de todos tus dispositivos. Esta acción no se puede deshacer.
Warndialog aus Glas
Ein gläserner Bestätigungsdialog, der federnd erscheint und zwei durch feine Linien getrennte Aktionen hat.
Einstellungen
Code
<div class="uv-gal"><button type="button" class="fire">Warnung zeigen</button><div class="dl" role="alertdialog" aria-labelledby="uv-gal-t" aria-describedby="uv-gal-d"><p class="ti" id="uv-gal-t">3 Fotos löschen?</p><p class="ds" id="uv-gal-d">Sie werden von all deinen Geräten gelöscht. Das lässt sich nicht rückgängig machen.</p><div class="ac"><button type="button" class="cl">Abbrechen</button><button type="button" class="dg">Löschen</button></div></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Liquid Glass
Alle ansehen: Liquid GlassWofür du ihn nutzen kannst
Systemwarnungen im neuen Glas-Stil wirken leichter als ein massives Modal und verlangen trotzdem eine Entscheidung. Dieser Dialog erscheint mit kurzem Überschwingen über einer kräftigen Aurora, nutzt ein stärker mattiertes Panel für gut lesbaren Text und bietet Abbrechen sowie eine rote destruktive Aktion, getrennt durch feine durchscheinende Linien wie bei nativen Alerts.
Er nutzt die Rolle alertdialog mit Titel und Beschreibung, setzt beim Öffnen den Fokus auf Abbrechen und schließt mit Escape oder einem der Buttons. Der Button darunter spielt den Auftritt erneut ab, Unschärfe und Tönung passen das Glas an jeden Hintergrund an.