Boutons

Leap and tint button

Une 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.

Utiliser Leap and tint button

Une 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.

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, leapDistance, shadowSpread, letterSpacing

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

Pincer Fill Button

1829Pincer Fill ButtonBoutonsUn bouton de pilule pâle dont les deux rideaux translucides se ferment depuis les bords gauche et droit en survol, s'arrêtant court pour qu'une bande de la base reste éclairée au milieu.

Center out fill button

1848Center out fill buttonBoutonsUn bouton en majuscule avec un contour dont le remplissage d'accent s'ouvre à partir d'une racine des cheveux au centre jusqu'aux deux bords lors du survol ou de la mise au point.

Detached Ring Pill

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.

Draining fill button

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é.

Ghost echo lift button

2606Ghost echo lift buttonBoutonsUne pilule qui se soulève en survol tandis qu'une copie fantôme d'elle-même gonfle derrière elle et se dissout.

Gradient flip uppercase button

2360Gradient flip uppercase buttonBoutonsUn bouton majuscule rempli d'une rampe diagonale bicolore qui s'échange d'un bout à l'autre en survol, emportant avec lui son ombre portée teintée.