Bouton boussole
L'aiguille d'une boussole en laiton cherche le curseur partout sur la page et oscille avec inertie avant de se stabiliser.
Réglages
Code
<button class="uvq01-cmp" type="button"><span class="dl" aria-hidden="true"><b>N</b><span class="nd"></span></span><span class="t">Itinéraire</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></button>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
Un bouton d'itinéraire sur une pilule vert forêt aux courbes de niveau discrètes, comme une carte de randonnée. Sa boussole en laiton a une aiguille animée par une simulation de ressort : elle se tourne vers le pointeur où qu'il soit sur la page, dépasse un peu sa cible puis se pose. Si le pointeur quitte la fenêtre, elle revient au nord. Idéal pour cartes, localisateurs et guides de voyage.
La couleur principale est la pilule et la secondaire la lunette en laiton : marine et or ou sable et cuivre fonctionnent aussi. Avec le mouvement réduit, l'aiguille saute directement à sa cible, et l'écouteur global est retiré au démontage du composant.