Components

Alert Dialog

A modal dialog that interrupts the user with important content and expects a response.

Installation

pnpm dlx shadcn@latest add @toui/alert-dialog

This component is built using Radix UI Alert Dialog primitives and includes the following custom props:

This component is based on the AlertDialog.Root primitive and includes the following custom props:

Prop	Type	Default
`variant`	~~enum~~	~~info~~
`dismissable`	~~boolean~~	~~true~~

This component is based on the AlertDialog.Action primitive and includes the following custom props:

Prop	Type	Default
`variant`	~~enum~~	~~default~~

On This Page