Boutons

Rocking icon CTA

Une pilule d'accent solide dont l'icône de calendrier principale bascule comme un métronome en survol et, lorsque vous cliquez dessus, dessine une coche et remplace le libellé par une étiquette confirmée avant de revenir en arrière.

Utiliser Rocking icon CTA

Une pilule d'accent solide dont l'icône de calendrier principale bascule comme un métronome en survol et, lorsque vous cliquez dessus, dessine une coche et remplace le libellé par une étiquette confirmée avant de revenir en arriè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, confirmLabel, accent, rockDegrees, rockSeconds

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

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.

2714Expanding icon pillBoutonsUn bouton d'icône rond qui s'étire en une pilule étiquetée au survol, échangeant son glyphe contre un mot à mesure qu'un remplissage d'accent arrive.

2628Icon takeover deleteBoutonsUn bouton destructeur divisé en un mot gras et une cellule d'icône étroite ; le survol ou la mise au point agrandit la cellule sur tout le bouton jusqu'à ce qu'il ne reste que le glyphe, avec une confirmation en deux clics au toucher.

2580Overshoot icon buttonBoutonsUne pilule pâle avec un grand glyphe illustré garé à son extrémité gauche qui tire vers l'extérieur au-delà du bord et revient en vol stationnaire ou en mise au point.

Ring halo pill button

2521Ring halo pill buttonBoutonsUn bouton de pilule qui maintient un espace clair autour de son noyau coloré, remplit cet espace avec un anneau d'accent allégé lors du survol ou de la mise au point du clavier, et se serre vers l'intérieur lorsqu'il est enfoncé.

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.