Alert Dialog

The alert dialog component is used to display a message to the user that requires their attention.

Imports

`Root` - The root of the component, the main wrapper.

`Trigger` - The trigger that opens the dialog.

`Content` - The content, what's displayed to the user.

`Title` - The title of the dialog.

`Description` - The description of the dialog.

`Footer` - The footer of the dialog, put your buttons here.

npx neel-ui add alert-dialog

Using the `size` prop, you can change the size of the dialog. The default size is `md`.

Props of the `AlertDialog` component. `*` denotes the default value.

Attribute

Type

Description

Parent

size

`sm` | `md*` | `lg` | `xl`

The size of the dialog.

`Content`

On this page