@neynar/ui/llm-docs/drawer-description.llm.md

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

# DrawerDescription

**Type**: component

DrawerDescription - Optional description providing additional context Supplementary text element that provides additional information about the drawer's content, purpose, or instructions. Enhances accessibility by giving users more context about what they'll find in the drawer. Styled with muted colors and smaller text to maintain visual hierarchy.

## JSX Usage

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

<DrawerDescription
  className="value"
>
  {/* Your content here */}
</DrawerDescription>
```

## Component Props

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

### children
- **Type**: `React.ReactNode`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
// Basic description
<DrawerDescription>
  Manage your account preferences and privacy settings
</DrawerDescription>
```
### Example 2
```tsx
// Description with instructions
<DrawerDescription>
  Select the options below to customize your experience.
  Changes will be saved automatically.
</DrawerDescription>
```
### Example 3
```tsx
// Custom styled description
<DrawerDescription className="text-xs text-orange-600">
  Warning: These changes cannot be undone
</DrawerDescription>
```