Eliminar el proyecto
Se borrarán sus 128 archivos y el historial. Escribe nebula-app para confirmar.
Borrar escribiendo el nombre
Un diálogo de peligro que solo deja borrar cuando escribes el nombre exacto del proyecto.
Ajustes
Código
<div class="uv-otc"><div class="pg" aria-hidden="true"><i class="h"></i><i></i><i></i><i></i><i></i><i class="s"></i></div><button type="button" class="fire">Eliminar proyecto</button><div class="scr"></div><div class="dl" role="alertdialog" aria-modal="true" aria-labelledby="uv-otc-t" aria-describedby="uv-otc-d"><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3.5L2.5 20h19z"/><path d="M12 10v4.5M12 17.5v.01"/></svg></span><p class="ti" id="uv-otc-t">Eliminar el proyecto</p><p class="ds" id="uv-otc-d">Se borrarán sus 128 archivos y el historial. Escribe <code>nebula-app</code> para confirmar.</p><input aria-label="Nombre del proyecto" autocomplete="off" spellcheck="false"><div class="ac"><button type="button" class="cl">Cancelar</button><button type="button" class="dg" disabled>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 Overlays
Ver todos: OverlaysDónde usarlo
Las acciones irreversibles, como borrar un proyecto, una base de datos o un repositorio, merecen un paso más que un clic. Este diálogo de alerta explica qué se perderá y pide escribir el nombre del proyecto; el botón de eliminar sigue desactivado y atenuado hasta que el texto coincide exactamente, y entonces se enciende con un pequeño latido.
El foco va al campo al abrirse, Escape cancela y el diálogo usa el rol alertdialog con título y descripción. Cambia el nombre del proyecto con el control de texto y mantén el rojo para la acción.