Boutons

Liquid wave button

Une pilule sombre à moitié pleine de liquide coloré dont la surface roule en une vague continue et sans répétition.

Utiliser Liquid wave button

Une pilule sombre à moitié pleine de liquide coloré dont la surface roule en une vague continue et sans répétition.

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, liquid, level, waveSeconds, paused

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

2588Draining fill buttonBoutonsUne pilule aux contours qui commence entièrement inondée de couleur et s'écoule jusqu'à une fine bande au pied en survol, puis se remplit par le bas en congé.

2595Detached Ring PillBoutonsUne pilule sombre en orbite autour d'un anneau de contour flottant qui pousse plus loin et inonde la pilule de couleur en survol.

2623Fusing blob fill buttonBoutonsUn bouton au contour épais qui se remplit au survol alors que des gouttes de liquide montent du dessous et fusionnent en une seule surface vacillante.

2631Leap and tint buttonBoutonsUne pilule pâle qui bondit vers le haut en survol ou en mise au point tandis que son remplissage se transforme en accent et que son ombre neutre s'épanouit dans une grande piscine teintée de la même teinte.

2511Letter spread drop buttonBoutonsUne pilule pâle dont les lettres s'écartent à mesure qu'elle se remplit d'une couleur d'accent et qu'une douce piscine fleurit en dessous, puis tombe sur cette piscine tout en la tenant.

1713Lift and fill pillBoutonsUne pilule décrite qui saute d'une distance fixe vers le haut et se remplit de son accent lorsqu'elle est pointée, puis retombe sur la même courbe.