¿Eliminar 3 fotos?
Se borrarán de todos tus dispositivos. Esta acción no se puede deshacer.
Alerta de cristal
Un diálogo de confirmación de cristal que entra con un rebote y tiene dos acciones separadas por líneas finas.
Ajustes
Código
<div class="uv-gal"><button type="button" class="fire">Mostrar alerta</button><div class="dl" role="alertdialog" aria-labelledby="uv-gal-t" aria-describedby="uv-gal-d"><p class="ti" id="uv-gal-t">¿Eliminar 3 fotos?</p><p class="ds" id="uv-gal-d">Se borrarán de todos tus dispositivos. Esta acción no se puede deshacer.</p><div class="ac"><button type="button" class="cl">Cancelar</button><button type="button" class="dg">Eliminar</button></div></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Liquid Glass
Ver todos: Liquid GlassDónde usarlo
Las alertas del sistema con el nuevo estilo de cristal se sienten más ligeras que un modal sólido, pero siguen pidiendo una decisión. Este diálogo aparece sobre una aurora intensa con un pequeño rebote, usa un panel más esmerilado para que el texto se lea y ofrece Cancelar y una acción destructiva en rojo separadas por líneas translúcidas, como las alertas nativas.
Usa el rol alertdialog con título y descripción, lleva el foco a Cancelar al abrirse y se cierra con Escape o con cualquiera de los botones. El botón de abajo repite la entrada y los controles de desenfoque y tinte adaptan el cristal a cualquier fondo.