UNPKG

@neynar/ui

Version:

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

53 lines (43 loc) 1.45 kB
# AlertDialogDescription **Type**: component Description text of the alert dialog Provides additional context 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 Usage ```jsx import { AlertDialogDescription } from '@neynar/ui'; <AlertDialogDescription asChild={true} className="value" /> ``` ## Component Props ### asChild - **Type**: `boolean` - **Required**: No - **Description**: Render as child element, merging props and behavior ### className - **Type**: `string` - **Required**: No - **Description**: Additional CSS classes for custom styling ## Examples ```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> ``` /