Navigation

Dock menu

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

Utiliser Dock menu

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

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: magnification, distance, iconSize

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

Grouped magnify dock

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.

2382Magnifying icon dockNavigationUn dock de style macOS composé de boutons d'icônes circulaires qui s'agrandissent doucement à mesure que le pointeur s'en approche et révèlent une étiquette au-dessus de l'icône active.

Bubble burst menu

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.

Circle reveal sidebar

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.

Expanding card navbar

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.

2149Expanding icon toolbarNavigationUne rangée de boutons d'icônes circulaires où l'outil sélectionné se transforme en une pilule remplie avec son étiquette, plus une cloche qui ouvre une liste de notifications et une pilule de verrouillage à deux états.