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

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

# ContextMenuGroup

**Type**: component

ContextMenuGroup - Logical grouping for menu items Groups related menu items together for better organization and accessibility. Provides semantic structure without visual changes but improves screen reader navigation by grouping related actions.

## JSX Usage

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

<ContextMenuGroup
  asChild={true}
  className="value"
>
  {/* Your content here */}
</ContextMenuGroup>
```

## Component Props

### asChild
- **Type**: `boolean`
- **Required**: No
- **Description**: Merges props with child element instead of rendering wrapper

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

### children
- **Type**: `React.ReactNode`
- **Required**: Yes
- **Description**: The menu items to group together logically

## Examples

### Example 1
```tsx
<ContextMenuGroup>
  <ContextMenuItem>Copy</ContextMenuItem>
  <ContextMenuItem>Cut</ContextMenuItem>
  <ContextMenuItem>Paste</ContextMenuItem>
</ContextMenuGroup>
```
### Example 2
```tsx
// Multiple groups with separators
<ContextMenuContent>
  <ContextMenuGroup>
    <ContextMenuItem>Undo</ContextMenuItem>
    <ContextMenuItem>Redo</ContextMenuItem>
  </ContextMenuGroup>
  <ContextMenuSeparator />
  <ContextMenuGroup>
    <ContextMenuItem>Copy</ContextMenuItem>
    <ContextMenuItem>Paste</ContextMenuItem>
  </ContextMenuGroup>
</ContextMenuContent>
```