Boutons

Ripple tap button

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

Utiliser Ripple tap button

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

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, rippleSeconds, pressScale, size

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

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.

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.

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

1655Stacked ripple buttonBoutonsUn bouton décrit qui maintient chaque ondulation active en même temps, de sorte que des pressions répétées et rapides se chevauchent en anneaux superposés.

2574Arcade dome buttonBoutonsUn bouton-poussoir rond dont le capuchon bombé flotte au-dessus d'une base plus sombre et s'installe au ras d'une goutte visible lorsqu'il est enfoncé.

2708Bevel press pillBoutonsUne pilule sombre biseautée avec une puce ronde en retrait à son extrémité qui s'enfonce dans la surface lorsqu'on la presse.