Navigation

Pill tabs

Une bande d'onglets où une seule pilule glisse et s'étire sur l'onglet sélectionné, avec une flèche, des touches de navigation Début et Fin et un panneau qui effectue un fondu enchaîné.

Edge fleet

Last 14 days

1.94M+11.3%

Requests served since Monday, across 14 edge regions.

Utiliser Pill tabs

Une bande d'onglets où une seule pilule glisse et s'étire sur l'onglet sélectionné, avec une flèche, des touches de navigation Début et Fin et un panneau qui effectue un fondu enchaîné.

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: accent, size, tabCount

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2195Morphing tab panelNavigationUn petit panneau à onglets dans lequel le soulignement actif glisse entre les onglets et le grand glyphe du panneau se transforme au lieu de s'échanger, de sorte que les deux vues semblent continues.

1981Icon label tabsNavigationUne rangée de puces d'onglet icon-and-label avec une surbrillance coulissante, où le panneau situé en dessous glisse dans la direction de l'onglet choisi.

2194Morphing Pill NavbarNavigationUne rangée d'étiquettes de navigation dans une pilule sombre où l'étiquette active se divise en sa propre pilule remplie et les étiquettes restantes se regroupent en une deuxième pilule qui reflue autour d'elle.

2399Panel Tab SwitcherNavigationUne barre d'onglets arrondie où un indicateur d'arrière-plan s'adapte à la taille et à la position exactes de l'onglet actif, révélant un panneau de contenu distinct en dessous.

2212Quick launch paletteNavigationUne palette de commandes déclenchée par le clavier qui s'ouvre avec un ressort, filtre une liste d'actions groupées au fur et à mesure que vous tapez et prend en charge la navigation complète par touches fléchées.

2026Roving focus tabsNavigationUne liste d'onglets au clavier en premier, construite autour de l'ordre des tabulations itinérantes, où seul l'onglet actif ou ciblé est accessible par Tab et un marqueur fin suit l'onglet actuel.