Boutons

Nudging chevron button

Un bouton discret teinté d'accent dont la marque en chevron attend dans un espace négatif, puis se glisse en survol et pousse l'étiquette sur le côté pendant que la palette se refroidit jusqu'aux neutres.

Utiliser Nudging chevron button

Un bouton discret teinté d'accent dont la marque en chevron attend dans un espace négatif, puis se glisse en survol et pousse l'étiquette sur le côté pendant que la palette se refroidit jusqu'aux neutres.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: label, accent, shiftDistance, mark, coolOnHover

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

Stitched rule link button

2552Stitched rule link buttonBoutonsUn lien texte majuscule silencieux avec un chevron qui pousse une boucle au repos ; le survol ou la mise au point maintient le chevron vers l'avant, élargit le suivi et efface une règle d'accent cousue sous l'étiquette.

Arrow to label pill

2469Arrow to label pillBoutonsUn bouton à chevron rond qui s'étend en une large pilule étiquetée en survol, échangeant la marque contre un mot tandis que le remplissage à plat devient une rampe à deux arrêts.

Hairline lift pill

2609Hairline lift pillBoutonsUne pilule translucide silencieuse avec un bord intérieur qui se soulève de la surface et prend une teinte accentuée en survol.

Invert Fill Button

1984Invert Fill ButtonBoutonsUn petit bouton avec un contour qui se remplit au survol tandis que son étiquette passe à la valeur opposée, échangeant proprement le premier plan et l'arrière-plan.

Rising Fill Button

1879Rising Fill ButtonBoutonsUn bouton à bordure creuse qui se remplit de couleur du bord inférieur vers le haut, comme un liquide qui monte, lorsque vous le survolez ou que vous le concentrez.

Trailing arrows text button

2526Trailing arrows text buttonBoutonsUn lien texte sans bordure qui élargit l'espacement des lettres au survol tandis qu'une traînée de flèches se déploie vers la droite, chacune plus grande et plus faible que la précédente.