@neynar/ui/llm-docs/context-menu-radio-item.llm.md

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

# ContextMenuRadioItem

**Type**: component

ContextMenuRadioItem - A radio button item within a radio group Menu items that allow single selection from a group of options. Must be used within a ContextMenuRadioGroup for proper functionality. Displays a filled circle indicator when selected.

## JSX Usage

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

<ContextMenuRadioItem
  value="value"
  disabled={true}
  onSelect={handleSelect}
  textValue="value"
  className="value"
>
  {/* Your content here */}
</ContextMenuRadioItem>
```

## Component Props

### value
- **Type**: `string`
- **Required**: Yes
- **Description**: The unique value for this radio item (required)

### disabled
- **Type**: `boolean`
- **Required**: No
- **Description**: Whether the item is disabled and non-interactive

### onSelect
- **Type**: `(event: Event) => void`
- **Required**: No
- **Description**: Callback fired when the item is selected (before parent's onValueChange)

### textValue
- **Type**: `string`
- **Required**: No
- **Description**: Custom text for typeahead navigation

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

### children
- **Type**: `React.ReactNode`
- **Required**: Yes
- **Description**: Content of the radio item (typically text)

## Examples

### Example 1
```tsx
<ContextMenuRadioGroup value={theme} onValueChange={setTheme}>
  <ContextMenuRadioItem value="light">Light Theme</ContextMenuRadioItem>
  <ContextMenuRadioItem value="dark">Dark Theme</ContextMenuRadioItem>
  <ContextMenuRadioItem value="system">System Theme</ContextMenuRadioItem>
</ContextMenuRadioGroup>
```
### Example 2
```tsx
// With disabled state and custom text
<ContextMenuRadioGroup value={quality} onValueChange={setQuality}>
  <ContextMenuRadioItem value="low">Low Quality</ContextMenuRadioItem>
  <ContextMenuRadioItem value="medium">Medium Quality</ContextMenuRadioItem>
  <ContextMenuRadioItem value="high">High Quality</ContextMenuRadioItem>
  <ContextMenuRadioItem value="ultra" disabled>
    Ultra Quality (Premium)
  </ContextMenuRadioItem>
</ContextMenuRadioGroup>
```