Boutons

Banded stripe button

Un bouton large dont la face est découpée en bandes diagonales dures passant par les valeurs d'un accent, faisant glisser une bande au survol.

Utiliser Banded stripe button

Un bouton large dont la face est découpée en bandes diagonales dures passant par les valeurs d'un accent, faisant glisser une bande au survol.

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, bands, angle, slideOnHover

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

2542Comb wipe invert buttonBoutonsDeux peignes rayés imbriqués glissent par le haut et par le bas pour recouvrir une pilule noire, inversant l'étiquette au fur et à mesure de leur passage.

2538Diagonal blob flood buttonBoutonsUn bouton décrit inondé par une grande goutte arrondie qui glisse en diagonale depuis son coin supérieur et s'assombrit lorsqu'il est maintenu enfoncé.

2626Diagonal orb fill buttonBoutonsUn cercle surdimensionné glisse d'un coin à l'autre sur un bouton décrit, le remplissant sur la diagonale et s'assombrit dès que vous appuyez sur.

2141Diagonal shutter fill buttonBoutonsUn bouton décrit qui se remplit lorsque deux pales inclinées pivotent depuis des côtés opposés, se redressent à mi-vol et se rejoignent au milieu.

1850Diagonal swipe buttonBoutonsUn bouton décrit tenant une fine lame inclinée qui se redresse et s’élargit jusqu’à inonder le cadre en survol.

2678Interlocking comb buttonBoutonsDeux peignes de barres verticales glissent depuis le haut et le bas et s'entremêlent pour remplir le bouton, inversant l'étiquette au fur et à mesure de leur passage.