Eliminar el proyecto

Se borrarán sus 128 archivos y el historial. Escribe nebula-app para confirmar.

HTML + CSSOverlays

Löschen per Namenseingabe

Ein Gefahren-Dialog, der das Löschen erst erlaubt, wenn du den exakten Projektnamen eintippst.

Einstellungen

16px
1x

Code

<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">Projekt löschen</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">Projekt löschen</p><p class="ds" id="uv-otc-d">Seine 128 Dateien und der Verlauf werden gelöscht. Gib <code>nebula-app</code> zur Bestätigung ein.</p><input aria-label="Projektname" autocomplete="off" spellcheck="false"><div class="ac"><button type="button" class="cl">Abbrechen</button><button type="button" class="dg" disabled>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 Overlays

Alle ansehen: Overlays

Wofür du ihn nutzen kannst

Unumkehrbare Aktionen wie das Löschen eines Projekts, einer Datenbank oder eines Repositorys verdienen einen Schritt mehr als einen Klick. Dieser Warndialog erklärt, was verloren geht, und bittet um den Projektnamen. Der Löschen-Button bleibt deaktiviert und blass, bis der Text exakt passt, dann leuchtet er mit kleinem Puls auf.

Der Fokus springt beim Öffnen ins Feld, Escape bricht ab, und der Dialog nutzt die Rolle alertdialog mit Titel und Beschreibung. Den Projektnamen änderst du im Textfeld, das Rot der Aktion sollte bleiben.