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

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

# SidebarGroup

**Type**: component

Container for organizing related sidebar navigation items Groups related navigation items together with optional labels and actions, providing visual organization and hierarchy for complex navigation structures. Groups can include labels, action buttons, and any combination of menu items.

## JSX Usage

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

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

## Component Props

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

## Examples

### Example 1
```tsx
// Basic group with label and menu
<SidebarGroup>
  <SidebarGroupLabel>Navigation</SidebarGroupLabel>
  <SidebarGroupContent>
    <SidebarMenu>
      <SidebarMenuItem>
        <SidebarMenuButton>
          <Home />
          <span>Dashboard</span>
        </SidebarMenuButton>
      </SidebarMenuItem>
    </SidebarMenu>
  </SidebarGroupContent>
</SidebarGroup>
```
### Example 2
```tsx
// Group with action button
<SidebarGroup>
  <SidebarGroupLabel>Projects</SidebarGroupLabel>
  <SidebarGroupAction>
    <Plus className="h-4 w-4" />
    <span className="sr-only">Add Project</span>
  </SidebarGroupAction>
  <SidebarGroupContent>
    // Project items
  </SidebarGroupContent>
</SidebarGroup>
```