Navigation

Expanding card navbar

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

Utiliser Expanding card navbar

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

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: cardCount, accentColor, ease

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.

2120Chameleon pill navbarNavigationUne rangée de liens de navigation dans une capsule sombre où le lien actif se divise en sa propre pilule et le reste se referme autour d'elle.

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.

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.

2163Grouped settings dropdownNavigationUne liste déroulante déclenchée par un bouton avec des sections étiquetées, un sous-menu imbriqué et un groupe radio pour choisir l'une des nombreuses valeurs de paramètres.

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.