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

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

# DropdownMenuShortcut

**Type**: component

Displays keyboard shortcut hints in menu items Shows keyboard shortcut text aligned to the right side of menu items. Purely visual component - does not implement the actual keyboard functionality. Use standard keyboard shortcut notation and symbols (⌘, ⌃, ⌥, ⇧, Ctrl, Alt, Shift). Helps users discover and remember keyboard shortcuts for menu actions.

## JSX Usage

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

<DropdownMenuShortcut
  className={value}
  ...props={value}
/>
```

## Component Props

### className
- **Type**: `unknown`
- **Required**: Yes
- **Description**: No description available

### ...props
- **Type**: `unknown`
- **Required**: Yes
- **Description**: No description available

## Examples

### Example 1
```tsx
// macOS style shortcuts
<DropdownMenuItem onSelect={handleSave}>
  Save Document
  <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
</DropdownMenuItem>
```
### Example 2
```tsx
// Windows/Linux style shortcuts
<DropdownMenuItem onSelect={handleCopy}>
  Copy
  <DropdownMenuShortcut>Ctrl+C</DropdownMenuShortcut>
</DropdownMenuItem>
```
### Example 3
```tsx
// Complex shortcuts with multiple modifiers
<DropdownMenuItem onSelect={handleForceRefresh}>
  Force Refresh
  <DropdownMenuShortcut>⌘⇧R</DropdownMenuShortcut>
</DropdownMenuItem>
```
### Example 4
```tsx
// Multiple menu items with shortcuts
<DropdownMenuContent>
  <DropdownMenuItem>
    New File <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
  </DropdownMenuItem>
  <DropdownMenuItem>
    Open File <DropdownMenuShortcut>⌘O</DropdownMenuShortcut>
  </DropdownMenuItem>
  <DropdownMenuSeparator />
  <DropdownMenuItem>
    Save <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
  </DropdownMenuItem>
  <DropdownMenuItem>
    Save As <DropdownMenuShortcut>⌘⇧S</DropdownMenuShortcut>
  </DropdownMenuItem>
</DropdownMenuContent>
```