@neynar/ui/llm-docs/context-menu-shortcut.llm.md

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

# ContextMenuShortcut

**Type**: component

ContextMenuShortcut - Displays keyboard shortcuts within menu items Shows keyboard shortcuts aligned to the right side of menu items. Provides visual indication of available keyboard shortcuts for actions. Improves discoverability of keyboard navigation options.

## JSX Usage

```jsx
import { ContextMenuShortcut } from '@neynar/ui';

<ContextMenuShortcut
  className="value"
>
  {/* Your content here */}
</ContextMenuShortcut>
```

## Component Props

### className
- **Type**: `string`
- **Required**: No
- **Description**: Additional CSS classes for styling

### children
- **Type**: `React.ReactNode`
- **Required**: Yes
- **Description**: The keyboard shortcut text to display (e.g., "⌘C", "Ctrl+V")

## Examples

### Example 1
```tsx
<ContextMenuItem>
  Copy
  <ContextMenuShortcut>⌘C</ContextMenuShortcut>
</ContextMenuItem>
```
### Example 2
```tsx
// Multiple shortcuts for different platforms
<ContextMenuItem>
  Save
  <ContextMenuShortcut>
    {isMac ? '⌘S' : 'Ctrl+S'}
  </ContextMenuShortcut>
</ContextMenuItem>
```
### Example 3
```tsx
// Complex shortcuts
<ContextMenuItem>
  Find and Replace
  <ContextMenuShortcut>⌘⌥F</ContextMenuShortcut>
</ContextMenuItem>
```