Eliminar el proyecto

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

HTML + CSSOverlays

Suppression en tapant le nom

Une boîte de danger qui ne permet de supprimer qu'après avoir tapé le nom exact du projet.

Réglages

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">Supprimer le projet</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">Supprimer le projet</p><p class="ds" id="uv-otc-d">Ses 128 fichiers et l’historique seront supprimés. Tape <code>nebula-app</code> pour confirmer.</p><input aria-label="Nom du projet" autocomplete="off" spellcheck="false"><div class="ac"><button type="button" class="cl">Annuler</button><button type="button" class="dg" disabled>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 Overlays

Voir tout : Overlays

Où l’utiliser

Les actions irréversibles comme supprimer un projet, une base de données ou un dépôt méritent une étape de plus qu'un clic. Cette alerte explique ce qui sera perdu et demande de taper le nom du projet ; le bouton de suppression reste désactivé et pâle jusqu'à ce que le texte corresponde exactement, puis s'allume avec une petite pulsation.

Le focus va dans le champ à l'ouverture, Échap annule et la boîte utilise le rôle alertdialog. Change le nom du projet avec le champ de texte.