Navigation

Hover slide nav labels

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

Utiliser Hover slide nav labels

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: items, slideSeconds, 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

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.

2365Hover duplicate text navNavigationUne liste de navigation verticale fait glisser chaque étiquette vers le haut et vers le haut en survol, tandis qu'une étiquette en double glisse par le bas pour prendre sa place.

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.

1528Dock menuNavigationUn dock inférieur dont les icônes prennent leur taille en fonction de la distance du pointeur, avec une étiquette au-dessus de l'icône sous le curseur et un point sous celle active.

2349Expanding card navbarNavigationUne barre de navigation mince et arrondie dont la bascule hamburger l'étend vers le bas en une rangée de cartes de liens colorées, les liens de chaque carte étant visibles.