Navigation

Segmented toggle tabs

Une commande segmentée compacte en forme de pilule pour basculer entre un petit nombre d'options courtes, avec un bloc rempli glissant vers le segment sélectionné.

$14,760241 orders · vs $12,980 last week

Utiliser Segmented toggle tabs

Une commande segmentée compacte en forme de pilule pour basculer entre un petit nombre d'options courtes, avec un bloc rempli glissant vers le segment sélectionné.

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: accentColor, defaultRange, size

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

2422Segmented Choice SwitchNavigationUn sélecteur de pilules arrondi où exactement une option est active et une surbrillance coulissante glisse sous le choix choisi.

2361Grouped icon toolbarNavigationUne barre d'outils horizontale compacte qui regroupe les boutons d'icônes en groupes divisés par de fins séparateurs, pour des actions rapides de type formatage.

1986Keyboard pill tabsNavigationUn sélecteur à deux onglets avec une surbrillance de pilule qui glisse entre les étiquettes et une navigation complète au clavier itinérant entre les onglets.

2428Shared-Layout Tab SwitchNavigationUne rangée d'onglets en texte brut où un arrière-plan de pilule solide glisse et se redimensionne pour correspondre à l'onglet sélectionné, à l'aide d'un mouvement de mise en page partagée piloté par ressort.

2044Sliding Panel TabsNavigationDeux onglets dans une piste de pilules arrondie avec une surbrillance qui glisse entre eux, créant un fondu enchaîné d'un panneau de style paramètres en dessous sans aucun saut de mise en page.

2235Sliding segment tabsNavigationUn contrôle segmenté en forme de pilule dont l'indicateur d'arrière-plan glisse sous l'étiquette active tandis que le panneau situé en dessous glisse dans le sens du déplacement.