Navigation
Menubar
Available forNativeWeb
web/desktop pattern
Usage
Mostly a web/desktop pattern; prefer a DropdownMenu on phones.
API
<Menubar value onValueChange><MenubarMenu value><MenubarTrigger /><MenubarContent /></MenubarMenu></Menubar>Get it
Already in every copy of the native kit:
import { Menubar } from '@/components/ui/menubar';Details
- Exports
Menubar- Packages
- @rn-primitives/menubar@^1.5.2, @rn-primitives/portal@~1.4.0, lucide-react-native@^1.21.0, react-native-reanimated@4.5.1, react-native-screens@~4.26.0
- Installs with
- @kit-native/icon, @kit-native/lib-utils, @kit-native/text, rnr/native-only-animated-view
- Also searched as
- menu, toolbar, desktop
- Registry JSON
- /r/native/menubar.json
Usage
For tool-like apps (editors, builders). A product page wants a DropdownMenu or NavigationMenu instead.
API
<Menubar><MenubarMenu><MenubarTrigger /><MenubarContent><MenubarItem /></MenubarContent></MenubarMenu></Menubar>Get it
Already in every copy of the web kit:
import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarShortcut, MenubarCheckboxItem } from '@/components/ui/menubar';Details
- Exports
Menubar,MenubarMenu,MenubarTrigger,MenubarContent,MenubarItem,MenubarSeparator,MenubarShortcut,MenubarCheckboxItem- Also searched as
- menu, toolbar, desktop, file menu
- Upstream
- Unchanged from shadcn/ui; installs from their registry.
Agents: the whole registry is at /llms.txt.