Menubar
NavigationStable
Menu bar navigation for application-level actions with submenus, checkboxes, radio groups, and keyboard shortcuts.
Quick Import
import { Menubar } from "@cohere-ai/waypoint-ui/menubar";Live Preview
Loading Menubar...
Props
| Name | Type | Default | Description |
|---|---|---|---|
align (MenubarContent) | string | 'start' | Alignment relative to trigger |
alignOffset (MenubarContent) | number | -4 | Alignment offset |
sideOffset (MenubarContent) | number | 8 | Distance from trigger |
inset (MenubarItem) | boolean | false | Left padding for icon alignment |
variant (MenubarItem) | 'default' | 'destructive' | 'default' | Visual style |
Examples
Basic Menubar
File menu with a shortcut and destructive item
1 import { 2 Menubar, MenubarMenu, MenubarTrigger, MenubarContent, 3 MenubarItem, MenubarSeparator, MenubarShortcut, 4 } from '@cohere-ai/waypoint-ui/menubar'; 5 6 <Menubar> 7 <MenubarMenu> 8 <MenubarTrigger>File</MenubarTrigger> 9 <MenubarContent> 10 <MenubarItem>New Tab <MenubarShortcut>⌘T</MenubarShortcut></MenubarItem> 11 <MenubarSeparator /> 12 <MenubarItem variant="destructive">Delete</MenubarItem> 13 </MenubarContent> 14 </MenubarMenu> 15 </Menubar>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Menubar component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.