Navigation

Sliding height tabs

Les onglets encadrés dans une carte où les panneaux de commutation font glisser l'ensemble du contenu sur le côté comme une pellicule tandis que la hauteur de la carte s'adapte au nouveau panneau.

Full nameEmail

Utiliser Sliding height 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: 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

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.

2077Underline tabsNavigationUne rangée d'onglets de section avec une barre colorée qui glisse et se redimensionne sous l'étiquette active au lieu d'un arrière-plan rempli.

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.

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.

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

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.