Boutons

Gap stretch arrow button

Une pilule de largeur fixe dont la flèche arrière se dirige vers le bord le plus éloigné en survol, étirant l'espace après une étiquette stationnaire, avec une légère copie de trace suivant un battement derrière.

Utiliser Gap stretch arrow button

Une pilule de largeur fixe dont la flèche arrière se dirige vers le bord le plus éloigné en survol, étirant l'espace après une étiquette stationnaire, avec une légère copie de trace suivant un battement derrière.

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, width, travel, trail

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

Arrow relay badge pill

2601Arrow relay badge pillBoutonsUn bouton de pilule avec un badge rond à gauche dont la flèche sort par le coin supérieur en survol tandis qu'un nouveau arrive par le bas et le corps devient presque noir.

Disc to Pill CTA

2622Disc to Pill CTABoutonsUn petit disque rempli à côté d'une étiquette majuscule nue s'étire en une pilule pleine en survol ou en mise au point, révélant le texte et entraînant la flèche.

Expanding chip back button

2350Expanding chip back buttonBoutonsUn bouton de pilule pâle dont la puce d'accent s'étend sur toute la largeur en survol, portant sa flèche vers l'autre côté tandis que l'étiquette reste en place et est recouverte.

Sliding send button

2704Sliding send buttonBoutonsUn bouton d'envoi plat qui glisse directement au survol tandis que l'espace entre son étiquette et sa flèche s'ouvre, recule de quelques pixels sous pression et se stabilise en partant.

Squaring backer button

2567Squaring backer buttonBoutonsUne pilule solide avec un jumeau incliné derrière elle qui se met à niveau et s'allume en survol tandis qu'une flèche se déplie depuis la gauche à côté de l'étiquette.

Swipe fill press pill

2666Swipe fill press pillBoutonsUne capsule pâle dont la feuille colorée glisse depuis le bord gauche en survol ou en mise au point avec un léger gonflement, puis s'écrase fortement lorsqu'elle est pressée.