Boutons

Panning gradient button

Une clé en forme de dôme dont le dégradé diagonal surdimensionné traverse le visage au survol, balayant une bande plus claire d'un coin à l'autre.

Utiliser Panning gradient button

Une clé en forme de dôme dont le dégradé diagonal surdimensionné traverse le visage au survol, balayant une bande plus claire d'un coin à l'autre.

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: accent, deep, label, duration, dome

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

2165Hard edge key buttonBoutonsUne touche matérielle compacte qui retourne sa surbrillance, son contour et son ombre vers l'intérieur dès que vous appuyez dessus.

1878Radial sheen buttonBoutonsUn petit bouton en forme de clé éclairé depuis son coin supérieur droit, avec un bord de base capillaire qui s'inverse lorsqu'on appuie dessus.

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.

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

2579Breathing Inset ButtonBoutonsUn bouton moulé pâle dont le panneau intérieur s'éloigne du bord en survol tandis que le glyphe d'envoi glisse sur une courte distance vers l'étiquette.

1926Brightening gradient buttonBoutonsUne puce bicolore profonde dont le lavage vertical grimpe vers une paire beaucoup plus lumineuse de la même famille en survol, avec un reflet en verre fixe le long de son bord supérieur.