Boutons

Settling shadow button

Une pilule à dégradé chaud qui flotte au-dessus d'une grande ombre teintée d'accent et atterrit en survol lorsque l'ombre disparaît.

Hover to land, hold to press

Utiliser Settling shadow button

Une pilule à dégradé chaud qui flotte au-dessus d'une grande ombre teintée d'accent et atterrit en survol lorsque l'ombre disparaît.

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, lift, shadowSize, width

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

2578Swelling pill buttonBoutonsUne pilule dégradée d'une teinte qui gonfle plus en survol tandis qu'une ombre teintée s'étend en dessous et se comprime brièvement lorsqu'elle est pressée.

2707Amber upload pillBoutonsUne pilule de téléchargement en dégradé chaud avec un bord brillant qui élargit sa dominante colorée et éclaire l'étiquette par derrière en survol.

2471Center bloom buttonBoutonsUne pilule solide et arrondie qui s'éclaircit du milieu vers l'extérieur alors qu'un lavis circulaire pâle dépasse ses propres bords, puis s'enfonce à plat lorsqu'on la presse.

1857Floating download pillBoutonsUne pilule entièrement arrondie qui semble flotter au-dessus de la page et se rapprocher de celle-ci lorsque vous survolez et appuyez.

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.

2474Gradient tilt pillBoutonsUne pilule entièrement arrondie dont le remplissage dégradé bicolore oscille son angle en survol et pointe plus sombre vers l'ombre lorsqu'on appuie dessus.