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

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

# DrawerTitle

**Type**: component

DrawerTitle - Accessible title element for the drawer Required accessibility element that announces the drawer's purpose to screen readers and provides a clear heading for the content. Should be included in every drawer for proper accessibility compliance. Automatically styled with appropriate font weight and color.

## JSX Usage

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

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

## 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
// Standard drawer title
<DrawerTitle>Account Settings</DrawerTitle>
```
### Example 2
```tsx
// Custom styled title
<DrawerTitle className="text-lg font-bold text-primary">
  Welcome Back!
</DrawerTitle>
```
### Example 3
```tsx
// Title with dynamic content
<DrawerTitle>
  {isEditing ? "Edit Profile" : "View Profile"}
</DrawerTitle>
```