Boutons

Pressable icon toggle

Un bouton avec une icône et une étiquette qui reste visuellement enfoncée une fois cliqué, pour une action d'activation ou de désactivation autonome telle que la mise en sourdine ou la mise en gras.

Utiliser Pressable icon toggle

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, pressed, variant

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

1634Format toggle buttonBoutonsUn bouton icône qui maintient un état activé ou désactivé, faisant disparaître une plaque arrondie derrière son glyphe lorsqu'on appuie dessus.

1647Pressed highlight toggleBoutonsUn bouton d'icône à deux états qui maintient son état enfoncé visible avec un bloc de surbrillance arrondi se développant derrière le glyphe du centre vers l'extérieur.

1936Chevron flip tileBoutonsUne tuile icône carrée dont le chevron s'articule à plat et s'ouvre dans l'autre sens, chaque moitié pivotant sur le joint où elles se rencontrent.

1631Day night sweep toggleBoutonsUn bouton icône qui fait alterner un panneau de paramètres entre clair, sombre et automatique, en le repeignant avec un bord coupé dur qui balaie au lieu d'un fondu.

1640Latching icon toggleBoutonsUn bouton carré qui s'enclenche et se désactive : une plaque remplie apparaît en fondu, le glyphe est remplacé par son homologue correspondant et une légende à côté indique l'état en mots.

2512Plus to cross tileBoutonsUne petite tuile carrée portant un signe plus qui tourne de quarante-cinq degrés en une croix serrée et gonfle d'une fraction en tournant.