UNPKG

@neynar/ui

Version:

React UI component library built on shadcn/ui and Tailwind CSS

37 lines (28 loc) 814 B
# MenubarShortcut **Type**: component Displays keyboard shortcut for a menu item. Shows keyboard shortcuts aligned to the right of menu items. Use standard platform conventions (⌘ for Mac, Ctrl+ for Windows/Linux). Purely visual - does not implement the actual keyboard functionality. ## JSX Usage ```jsx import { MenubarShortcut } from '@neynar/ui'; <MenubarShortcut className="value" /> ``` ## Component Props ### className - **Type**: `string` - **Required**: No - **Description**: Additional CSS classes to apply to the shortcut text ## Examples ```tsx <MenubarItem onSelect={() => save()}> Save File <MenubarShortcut>⌘S</MenubarShortcut> </MenubarItem> // Platform-specific shortcuts <MenubarItem> Copy <MenubarShortcut>{isMac ? '⌘C' : 'Ctrl+C'}</MenubarShortcut> </MenubarItem> ``` /