Navigation

Roving focus tabs

Une 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.

142 signals tracked across 6 regions.

Latency held under 80 ms for the last 24 hours.

Utiliser Roving focus tabs

Une 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.

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, defaultTab, markerThickness

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

1914ARIA Tablist ResizeNavigationUne liste d'onglets itinérants entièrement accessible avec une surbrillance de pilule glissante, où le cadre du panneau se redimensionne en douceur selon le contenu de l'onglet affiché.

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.

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.

1537Pill tabsNavigationUne 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é.

1916Auto height tabsNavigationUn groupe d'onglets dont le conteneur de contenu redimensionne progressivement sa hauteur pour s'adapter à chaque panneau lorsque vous changez d'onglet, au lieu de sauter ou de laisser un espace vide.

1920Bare Sliding Tab StripNavigationUne bande d'onglets unstyled-by-default dont les panneaux sont placés côte à côte sur une pellicule qui glisse latéralement sur l'interrupteur tandis que la hauteur du cadre s'adapte facilement.