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

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

# AlertDialogFooter

**Type**: component

Footer section of the alert dialog Contains the action buttons (cancel and confirm). Uses responsive layout with stacked buttons on mobile (cancel on top) and horizontal layout on larger screens (cancel on left, action on right). Should contain AlertDialogCancel and AlertDialogAction for proper UX.

## JSX Usage

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

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

## Component Props

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

## Examples

```tsx
<AlertDialogFooter>
  <AlertDialogCancel>Cancel</AlertDialogCancel>
  <AlertDialogAction>Delete Account</AlertDialogAction>
</AlertDialogFooter>
// Custom button order
<AlertDialogFooter className="flex-row">
  <AlertDialogAction>Continue</AlertDialogAction>
  <AlertDialogCancel>Go Back</AlertDialogCancel>
</AlertDialogFooter>
// Single action footer
<AlertDialogFooter>
  <AlertDialogAction>I Understand</AlertDialogAction>
</AlertDialogFooter>
```
/