Navigation

ARIA Tablist Resize

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

PlanPro

RenewsOct 12, 2026

Payment methodVisa •••• 4412

Utiliser ARIA Tablist Resize

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

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: resizeMode, tabOneLabel, tabTwoLabel, 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 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

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.

2043Sliding highlight tabsNavigationUne liste d'onglets accessible dans laquelle un bloc de surbrillance arrondi glisse sous l'étiquette active lorsque la sélection se déplace entre les onglets, révélant un panneau de contenu correspondant en dessous.

2072Two-Mode Resize TabsNavigationUne barre d'onglets avec une surbrillance de pilule de morphing dont le cadre de contenu peut soit s'agrandir pour s'adapter à la hauteur naturelle de chaque panneau, soit être redimensionné comme une boîte animée, choisie par un commutateur de mode.

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.

1928Card blur tabsNavigationOnglets encadrés dans une carte bordée dont le contenu est brièvement flou et fondu lorsque vous changez de panneau, avec une pilule coulissante derrière l'étiquette de l'onglet actif.