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

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

# SidebarSeparator

**Type**: component

Visual separator for organizing sidebar sections A horizontal divider component used to visually separate different sections within the sidebar content. Helps organize navigation groups and improve visual hierarchy and readability.

## JSX Usage

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

<SidebarSeparator
  className="value"
/>
```

## Component Props

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

## Examples

### Example 1
```tsx
// Separating navigation groups
<SidebarContent>
  <SidebarGroup>
    <SidebarGroupLabel>Main Navigation</SidebarGroupLabel>
    <SidebarGroupContent>
      // Main nav items
    </SidebarGroupContent>
  </SidebarGroup>
  <SidebarSeparator />
  <SidebarGroup>
    <SidebarGroupLabel>Settings</SidebarGroupLabel>
    <SidebarGroupContent>
      // Settings items
    </SidebarGroupContent>
  </SidebarGroup>
</SidebarContent>
```
### Example 2
```tsx
// Between header and content
<Sidebar>
  <SidebarHeader>
    <h2>Application</h2>
  </SidebarHeader>
  <SidebarSeparator />
  <SidebarContent>
    // Navigation content
  </SidebarContent>
</Sidebar>
```