Champs de saisie

Icon crossfade switch

Un interrupteur à bascule dont l'icône en forme de pouce s'estompe et se transforme en une icône différente lorsque l'interrupteur bascule entre éteint et allumé.

Dark mode

Utiliser Icon crossfade switch

Un interrupteur à bascule dont l'icône en forme de pouce s'estompe et se transforme en une icône différente lorsque l'interrupteur bascule entre éteint et allumé.

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, on, iconStyle, accent

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

2759Bounce drop toggleChamps de saisieUn grand interrupteur à bascule vertical dont la boule tombe vers le bas avec un mouvement rebondissant lorsqu'elle est éteinte et remonte avec un ressort serré lorsqu'elle est allumée.

1954Elastic toggle switchChamps de saisieUne pilule à bascule dont le pouce rond s'écrase en une goutte lorsqu'il est pressé et revient pour s'arrondir avec un léger rebond, glissant entre un état neutre et un remplissage d'accent solide.

2808Latching square toggleChamps de saisieUn bouton d'icône carré compact qui se verrouille entre un état désactivé légèrement délimité et un état enfoncé plein d'accents.

2771Layout toggle switchChamps de saisieUn commutateur dont le bouton traverse la piste en animant un changement de disposition réel plutôt qu'une translation, de sorte que le lancer reste exact quelle que soit la largeur de la piste.

2017Settings Toggle RowChamps de saisieUne rangée de paramètres étiquetée se terminant par un interrupteur marche/arrêt dont le pouce s'étire sous une pression et revient en arrière lorsqu'il se stabilise.

2802Settings toggle switchChamps de saisieUn petit interrupteur marche/arrêt en forme de pilule avec un bouton coulissant qui active un seul réglage, sa piste passant d'un accent sourd à un accent solide tandis que le bouton s'étire comme un élastique s'il est enfoncé à mi-glissière.