Boutons

Pulse button

Un bouton qui répond à un clic avec un seul anneau extensible à partir de la position du pointeur et une courte pression, puis s'installe.

Utiliser Pulse button

Un bouton qui répond à un clic avec un seul anneau extensible à partir de la position du pointeur et une courte pression, puis s'installe.

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, ringColor, duration, rounded

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

1643Pointer Ripple ButtonBoutonsUn bouton qui plante un cercle de lumière exactement là où il a été enfoncé et l'étend au-delà des bords à mesure qu'il s'estompe.

1642Particle burst buttonBoutonsUn bouton qui projette une courte pulvérisation de taches vers le haut et hors de lui-même à chaque clic, puis se réinitialise silencieusement pendant que l'étiquette confirme que l'action a atterri.

1645Press ripple buttonBoutonsUn bouton solide qui génère un cercle de lumière au point exact sur lequel vous appuyez, s'étendant au-delà des bords et s'estompant lorsque vous relâchez.

1628Ripple tap buttonBoutonsUn bouton solide qui envoie un cercle vers l’extérieur à partir du point exact sur lequel vous avez appuyé, coupé à sa forme arrondie.

2314Charge Up Action ButtonBoutonsUne pilule de charbon de bois qui s'éclaire en un dégradé saturé en survol, se soulevant de la surface tandis que sa marque tourne et s'éclaircit.

2711Count Sweep CTABoutonsUn appel à l'action sombre et compact avec une marque principale, un séparateur et un décompte en direct, traversé par une lente traînée lumineuse diagonale en survol.