Navigation Menu
Menu de navigation accessible avec liens et sous-navigation. Installez Navigation Menu depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantVLLNT UI · Famille de composants
Composants Navigation
Parcourez les composants Navigation actuellement implementes pour le renderer Natif.
Navigation Bars
Top-level header bars, menu bars, and site chrome for orienting users across React and Next.js apps.
Menubar
Barre de menus horizontale avec menus deroulants. Installez Menubar depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantTop Bar
Barre d'en-tete d'espace de travail pour titres, controles de gauche, navigation centree et actions de droite. Installez Top Bar depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantSidebars & Rails
Collapsible sidebars, vertical rails, and side docks for persistent app and canvas navigation.
Sidebar
Disposition de navigation avec barre laterale repliable. Installez Sidebar depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantSidebar Provider
Fournisseur de contexte pour gerer l'etat ouvert/ferme de la barre laterale. Installez Sidebar Provider depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantSidebar Toggle
Bouton bascule responsive pour ouvrir et fermer la barre laterale. Installez Sidebar Toggle depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantDocks & Bottom Bars
macOS-style docks and pinned bottom bars that host quick actions and calm canvas chrome.
Bottom Bar
Fine bande d'interface epinglee au bas d'une coque de canevas comme hote calme pour les bandes d'activite, les pastilles de statut et les indicateurs ambiants. Installez Bottom Bar depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantTabs & Views
Tabs, view switchers, and saved-view bookmarks for toggling between panels, workspaces, and layouts.
Tabs
Panneaux de contenu a onglets avec declencheurs d'onglet accessibles au clavier. Installez Tabs depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantAnimated Tabs
Onglets avec un indicateur coulissant qui s'anime vers l'element actif. Installez Animated Tabs depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
2 storiesVoir le composantView Switcher
Bascule basee sur un parametre d'URL entre des vues nommees avec un style pilule ou onglet. Installez View Switcher depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantWorkspace Switcher
Selecteur d'espace de travail segmente pour basculer entre les vues du canvas et les contextes operationnels. Installez Workspace Switcher depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantBreadcrumbs & Paging
Breadcrumb trails, pagination, step navigation, and scroll rows for moving through paged and hierarchical content.
Breadcrumb
Fil d'ariane de navigation montrant la hierarchie de la page actuelle. Installez Breadcrumb depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantPagination
Controles de navigation de pages avec liens precedent, suivant et de page. Installez Pagination depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantStep Navigation
Controles de navigation pour parcourir un contenu multi-pages etape par etape. Installez Step Navigation depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantHorizontal Scroll Row
Conteneur de defilement horizontal avec defilement par accroche, navigation par chevrons et barre de defilement masquee. Installez Horizontal Scroll Row depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
2 storiesVoir le composantLisible par les agents
Votre agent IA peut aussi les installer.
Le registre est expose comme donnees structurees, afin que les agents de code choisissent le bon composant sans scraper le HTML.
Questions frequentes
- What's in the navigation family?
- Menus and menubars, breadcrumbs, tabs, pagination, command palettes, docks and rails, and floating navbars — everything for moving through an app.