@neynar/ui
Version:
React UI component library built on shadcn/ui and Tailwind CSS
53 lines (43 loc) • 1.45 kB
Markdown
and explanation for the alert or action. Should clearly explain the consequences of the action being confirmed. Automatically provides proper ARIA description via aria-describedby for screen readers. Can be omitted if aria-describedby is provided to Content.
```jsx
import { AlertDialogDescription } from '@neynar/ui';
<AlertDialogDescription
asChild={true}
className="value"
/>
```
- **Type**: `boolean`
- **Required**: No
- **Description**: Render as child element, merging props and behavior
- **Type**: `string`
- **Required**: No
- **Description**: Additional CSS classes for custom styling
```tsx
// Standard descriptions
<AlertDialogDescription>
This action cannot be undone. This will permanently delete your
account and remove your data from our servers.
</AlertDialogDescription>
<AlertDialogDescription>
You will be signed out of all devices and will need to sign in again
to access your account.
</AlertDialogDescription>
// Custom styling
<AlertDialogDescription className="text-center text-lg">
Are you sure you want to continue?
</AlertDialogDescription>
// Composition with custom element
<AlertDialogDescription asChild>
<p className="custom-description">
Custom description element
</p>
</AlertDialogDescription>
```
/
**Type**: component
Description text of the alert dialog Provides additional context