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

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

# SidebarGroupContent

**Type**: component

Content container for sidebar group items Houses the actual navigation items, menus, and content within a sidebar group. Provides consistent spacing and organization for group content while maintaining proper typography and layout coordination.

## JSX Usage

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

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

## Component Props

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

## Examples

### Example 1
```tsx
// Basic content with menu items
<SidebarGroup>
  <SidebarGroupLabel>Navigation</SidebarGroupLabel>
  <SidebarGroupContent>
    <SidebarMenu>
      <SidebarMenuItem>
        <SidebarMenuButton>
          <Home />
          <span>Dashboard</span>
        </SidebarMenuButton>
      </SidebarMenuItem>
      <SidebarMenuItem>
        <SidebarMenuButton>
          <Settings />
          <span>Settings</span>
        </SidebarMenuButton>
      </SidebarMenuItem>
    </SidebarMenu>
  </SidebarGroupContent>
</SidebarGroup>
```
### Example 2
```tsx
// Multiple menus in group content
<SidebarGroup>
  <SidebarGroupLabel>Projects</SidebarGroupLabel>
  <SidebarGroupContent>
    <SidebarMenu>
      // Recent projects
    </SidebarMenu>
    <SidebarSeparator />
    <SidebarMenu>
      // Archived projects
    </SidebarMenu>
  </SidebarGroupContent>
</SidebarGroup>
```