@neynar/ui
Version:
React UI component library built on shadcn/ui and Tailwind CSS
37 lines (28 loc) • 814 B
Markdown
# 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>
```
/