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

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

# SidebarGroupLabel

**Type**: component

Label component for sidebar groups Displays a descriptive label for a group of sidebar items, providing clear categorization and hierarchy. The label automatically hides when the sidebar is collapsed to icon mode to maintain clean visual presentation.

## JSX Usage

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

<SidebarGroupLabel
  className="value"
  asChild={true}
/>
```

## Component Props

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

### asChild
- **Type**: `boolean`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
// Standard text label
<SidebarGroup>
  <SidebarGroupLabel>Main Navigation</SidebarGroupLabel>
  <SidebarGroupContent>
    // Menu items
  </SidebarGroupContent>
</SidebarGroup>
```
### Example 2
```tsx
// Custom element using asChild
<SidebarGroup>
  <SidebarGroupLabel asChild>
    <h3 className="custom-heading">Projects</h3>
  </SidebarGroupLabel>
  <SidebarGroupContent>
    // Project items
  </SidebarGroupContent>
</SidebarGroup>
```