Boutons

Traveling underglow pill

Une capsule dont la bande bicolore se déplace latéralement en survol tandis qu'une copie floue derrière elle éclaire la surface en dessous.

Utiliser Traveling underglow pill

Une capsule dont la bande bicolore se déplace latéralement en survol tandis qu'une copie floue derrière elle éclaire la surface en dessous.

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, secondary, cycleSeconds, glowBlur, 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

2661Flat to flow buttonBoutonsUn bouton plat et solide qui se transforme en une large bande bicolore défilant sans fin sur son visage en survol ou en mise au point.

2475Halo glow buttonBoutonsUne pilule sombre dont le halo d'accent flou s'estompe au survol et se déplace autour du bord tandis qu'un mince anneau intérieur s'éclaircit.

1836Rolling Label ButtonBoutonsUne pilule compacte et lumineuse qui enroule sa légende hors de vue et fait apparaître une deuxième ligne par le bas en survol.

2727Starfield glow buttonBoutonsUne pilule sombre qui se réveille en survol ou en mise au point avec un champ d'étoiles scintillantes, un coin brillant et un état de presse aux tons froids.

2639Two Tone Frame PillBoutonsUne capsule pâle se trouve à l’intérieur d’un cadre arrondi épais divisé en deux bandes de couleur plates, et un glyphe solide gonfle au survol.

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.