Boutons

Pulse halo button

Un bouton solide qui continue d'émettre un doux halo de sa propre couleur, soit en respirant sur place, soit en jetant des anneaux en expansion sur une boucle.

Utiliser Pulse halo button

Un bouton solide qui continue d'émettre un doux halo de sa propre couleur, soit en respirant sur place, soit en jetant des anneaux en expansion sur une boucle.

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, variant, cycleMs, distance

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

Bouncing download button

2710Bouncing download buttonBoutonsUne puce de téléchargement sombre et compacte qui rebondit doucement d'elle-même pour attirer l'œil, s'immobilise dès qu'un pointeur ou un clavier l'atteint et échange sa flèche avec un creux lorsqu'elle est enfoncée.

Breathing CTA pill

2602Breathing CTA pillBoutonsUn appel à l'action aux extrémités arrondies qui gonfle au survol et s'installe dans une lente impulsion respiratoire d'échelle et de luminosité jusqu'à ce que le pointeur s'en aille ou que le bouton soit enfoncé.

Halo ring button

2677Halo ring buttonBoutonsUn bouton encadré qui projette un seul anneau vers l'extérieur lorsque vous le survolez, la bande s'étendant au-delà du bord et s'amincissant au fur et à mesure.

Answer call circle

2467Answer call circleBoutonsUn bouton d'acceptation à icône ronde uniquement avec un glyphe du combiné, une sonnerie extérieure lente pendant qu'un appel est en attente et une pression douce.

Bouncing dot action button

2658Bouncing dot action buttonBoutonsUn bouton aux tons sombres avec un petit point garé près de son bord droit qui saute tandis que le bloc s'éclaircit et projette une douce lueur lors du survol ou de la mise au point du clavier.

Breathing transport toggle

2470Breathing transport toggleBoutonsUne puce de lecture teintée qui bascule entre lecture et pause au clic, son glyphe respirant pendant que le pointeur repose dessus.