@neynar/ui/llm-docs/alert-dialog-header.llm.md

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

# AlertDialogHeader

**Type**: component

Header section of the alert dialog Contains the title and description of the alert dialog. Provides consistent spacing and alignment, with responsive text alignment (centered on mobile, left-aligned on larger screens). Should contain AlertDialogTitle and optionally AlertDialogDescription for proper accessibility.

## JSX Usage

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

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

## Component Props

### className
- **Type**: `string`
- **Required**: No
- **Description**: Additional CSS classes for custom styling

## Examples

```tsx
<AlertDialogHeader>
  <AlertDialogTitle>Delete Account</AlertDialogTitle>
  <AlertDialogDescription>
    This will permanently delete your account and all associated data.
    This action cannot be undone.
  </AlertDialogDescription>
</AlertDialogHeader>
// Custom styling
<AlertDialogHeader className="text-left">
  <AlertDialogTitle>Custom Header</AlertDialogTitle>
</AlertDialogHeader>
```
/