Bouton copie de terminal
Une commande de terminal au curseur clignotant : au clic, elle est sélectionnée caractère par caractère, copiée et confirmée.
Réglages
Code
<div class="uvq01-cli"><button class="b" type="button"><span class="ps" aria-hidden="true">$</span><code class="cm">npx aimran add hero</code><span class="cr" aria-hidden="true"></span><span class="ic" aria-hidden="true"><svg class="cp" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="8" y="8" width="12" height="12" rx="2.5"/><path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"/></svg><span class="ck"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></span></span><span class="sr">Copier</span></button><span class="ok" role="status"></span><span class="msg" hidden>Copié</span></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 Boutons
Voir tout : BoutonsOù l’utiliser
Les commandes d'installation sont souvent la première chose qu'un développeur copie depuis une page d'accueil, et ce bouton rend ce moment évident. La commande s'affiche sur une pilule ardoise avec une invite ambrée et un curseur bloc clignotant. Au clic, le texte se surligne par étapes comme une sélection à la main, part dans le presse-papiers et une petite étiquette Copié apparaît et est annoncée.
Remplacez le libellé par votre propre commande, elle est copiée telle quelle. La couleur principale règle l'invite, le curseur et la confirmation, la secondaire le fond : un thème clair ou le vert de votre marque se règlent en un instant.