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

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

# SidebarMenu

**Type**: component

Navigation menu container for organizing sidebar items An unordered list container that holds and organizes SidebarMenuItem components. Provides consistent spacing, layout, and semantic structure for navigation items within sidebar groups or sections.

## JSX Usage

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

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

## Component Props

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

## Examples

### Example 1
```tsx
// Basic navigation menu
<SidebarMenu>
  <SidebarMenuItem>
    <SidebarMenuButton>
      <Home />
      <span>Dashboard</span>
    </SidebarMenuButton>
  </SidebarMenuItem>
  <SidebarMenuItem>
    <SidebarMenuButton>
      <Settings />
      <span>Settings</span>
    </SidebarMenuButton>
  </SidebarMenuItem>
</SidebarMenu>
```
### Example 2
```tsx
// Menu with badges and actions
<SidebarMenu>
  <SidebarMenuItem>
    <SidebarMenuButton>
      <Inbox />
      <span>Messages</span>
    </SidebarMenuButton>
    <SidebarMenuBadge>3</SidebarMenuBadge>
  </SidebarMenuItem>
  <SidebarMenuItem>
    <SidebarMenuButton>
      <Archive />
      <span>Archive</span>
    </SidebarMenuButton>
    <SidebarMenuAction>
      <MoreHorizontal />
    </SidebarMenuAction>
  </SidebarMenuItem>
</SidebarMenu>
```