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

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

# SidebarRail

**Type**: component

Interactive rail component for sidebar edge interaction Provides a subtle interactive area along the sidebar edge that users can click to toggle the sidebar state. The rail is positioned at the sidebar boundary and includes hover states for discoverability. Only visible on desktop viewports.

## JSX Usage

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

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

## Component Props

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

## Examples

```tsx
// Basic usage (typically placed at end of Sidebar)
<Sidebar>
  <SidebarHeader>Header content</SidebarHeader>
  <SidebarContent>Navigation content</SidebarContent>
  <SidebarFooter>Footer content</SidebarFooter>
  <SidebarRail />
</Sidebar>
```