Messages d’état

Click ripple burst

Un effet de retour de pointeur qui génère une brève forme animée exactement à l'endroit où l'utilisateur clique ou appuie.

Click or tap anywhereEach release spawns one effect at the pointer

Utiliser Click ripple burst

Un effet de retour de pointeur qui génère une brève forme animée exactement à l'endroit où l'utilisateur clique ou appuie.

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: variant, color, size, duration

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

2122Click spark burstMessages d’étatChaque presse projette un anneau de lignes courtes à partir du point de contact exact, chacune s'étirant et se rétrécissant à mesure qu'elle vole.

2151Expanding ring loaderMessages d’étatDe fins anneaux qui naissent d'un seul point et s'estompent à mesure qu'ils s'élargissent, se libèrent les uns après les autres pour que le pouls ne s'arrête jamais.

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.

1546Toast stackMessages d’étatUne pile de notifications de coin où les toasts les plus anciens se placent derrière les plus récents, les pointant vers eux dans une liste, et chacun draine une racine des cheveux avant de partir.

2117Breathing dot loaderMessages d’étatLes points qui restent en place et respirent au lieu de bouger, gonflent et s'assombrissent à leur tour, de sorte que la rangée se lit comme un battement de cœur lent.

2129Content Loading CardMessages d’étatUn espace réservé en forme de carte qui respire avec une lente impulsion d'opacité pendant qu'un grand bloc d'image et deux lignes de texte sont toujours en cours de chargement.