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

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

# CommandSeparator

**Type**: component

CommandSeparator - Visual separator between command groups Provides visual separation between different sections of commands. Purely decorative element that improves visual organization and hierarchy. Automatically hides when adjacent groups are filtered out. The separator will only render when it has visible content before and after it, unless `alwaysRender` is true.

## JSX Usage

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

<CommandSeparator
  alwaysRender={true}
  className="value"
/>
```

## Component Props

### alwaysRender
- **Type**: `boolean`
- **Required**: No
- **Description**: Whether to always show separator regardless of context

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

## Examples

### Example 1
```tsx
<CommandGroup heading="Recent">...</CommandGroup>
<CommandSeparator />
<CommandGroup heading="Actions">...</CommandGroup>
```
### Example 2
```tsx
// Separator that always renders
<CommandGroup heading="Primary">...</CommandGroup>
<CommandSeparator alwaysRender />
<CommandGroup heading="Secondary">...</CommandGroup>
```