Navigation

Sliding content tabs

Une fenêtre d'affichage de contenu associée à une barre d'onglets de capsule en dessous, où le changement d'onglet fait glisser le panneau depuis le côté de l'onglet choisi tandis qu'une surbrillance colorée glisse derrière l'étiquette active.

Overview

A snapshot of activity across your workspace this week.

Utiliser Sliding content tabs

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: activeTab, 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

2111Auto-Hide Nav BarNavigationUne barre supérieure collante qui glisse hors de vue lorsque le visiteur fait défiler vers le bas et revient dès qu'il fait défiler vers le haut.

2309Bubble burst menuNavigationUne pilule à logo flottant et une bascule qui se transforment en une superposition plein écran de liens de pilule surdimensionnés, chacun se mettant en place avec un décalage élastique.

2318Circle reveal sidebarNavigationUn panneau de menu qui s'ouvre sous la forme d'un cercle s'élevant à partir de sa propre bascule, avec des lignes apparaissant en séquence et les barres de bascule se repliant en croix.

2162Grouped magnify dockNavigationUn dock inférieur composé de boutons d'icônes ronds divisés en deux groupes qui s'agrandissent à mesure que le pointeur se rapproche de chacun.

2366Hover slide nav labelsNavigationUne liste de navigation verticale dans laquelle le survol ou la mise au point d'une étiquette fait glisser une copie en double vers le haut tandis que l'original glisse, de sorte que l'étiquette semble s'actualiser.

2188Magnifying icon dockNavigationUne rangée d'icônes d'application dans une barre translucide qui s'agrandit à mesure que le pointeur se rapproche de chacune d'elles, revenant à sa taille normale lorsque le pointeur s'éloigne.