@neynar/ui/llm-docs/select-separator.llm.md

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

# SelectSeparator

**Type**: component

SelectSeparator - Visual divider between select groups A horizontal line that visually separates groups of options for better organization and clarity. Built on Radix UI Select.Separator with subtle border styling that adapts to the current theme.

## JSX Usage

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

<SelectSeparator
  asChild={true}
/>
```

## Component Props

### asChild
- **Type**: `boolean`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
// Basic separation between groups
<SelectContent>
  <SelectGroup>
    <SelectLabel>Group 1</SelectLabel>
    <SelectItem value="1">Option 1</SelectItem>
  </SelectGroup>
  <SelectSeparator />
  <SelectGroup>
    <SelectLabel>Group 2</SelectLabel>
    <SelectItem value="2">Option 2</SelectItem>
  </SelectGroup>
</SelectContent>
```
### Example 2
```tsx
// Multiple separators in complex layouts
<SelectContent>
  <SelectGroup>
    <SelectItem value="recent">Recent Items</SelectItem>
  </SelectGroup>
  <SelectSeparator />
  <SelectGroup>
    <SelectItem value="favorite">Favorites</SelectItem>
  </SelectGroup>
  <SelectSeparator />
  <SelectGroup>
    <SelectLabel>All Items</SelectLabel>
    <SelectItem value="all1">Item 1</SelectItem>
    <SelectItem value="all2">Item 2</SelectItem>
  </SelectGroup>
</SelectContent>
```