Alert Dialog
A modal dialog that interrupts the user with important content and expects a response.
Usage
Example
Are you absolutely sure?
This action cannot be undone. This will permanently delete your account and remove your data from our servers.
AlertDialog do AlertDialogTrigger do Button { "Show dialog" } end AlertDialogContent do AlertDialogHeader do AlertDialogTitle { "Are you absolutely sure?" } AlertDialogDescription { "This action cannot be undone. This will permanently delete your account and remove your data from our servers." } end AlertDialogFooter do AlertDialogCancel { "Cancel" } AlertDialogAction { "Continue" } # Will probably be a link to a controller action (e.g. delete account) end end end
Copied!
Copy failed!
Components
Component | Built using | Source |
---|---|---|
AlertDialog | Phlex | |
AlertDialogAction | Phlex | |
AlertDialogCancel | Phlex | |
AlertDialogContent | Phlex | |
AlertDialogDescription | Phlex | |
AlertDialogFooter | Phlex | |
AlertDialogHeader | Phlex | |
AlertDialogTitle | Phlex | |
AlertDialogTrigger | Phlex | |
Button | Phlex |
Component | Built using | Source |
---|---|---|
AlertDialog | Phlex | |
AlertDialogAction | Phlex | |
AlertDialogCancel | Phlex | |
AlertDialogContent | Phlex | |
AlertDialogDescription | Phlex | |
AlertDialogFooter | Phlex | |
AlertDialogHeader | Phlex | |
AlertDialogTitle | Phlex | |
AlertDialogTrigger | Phlex | |
AlertDialogController | Stimulus JS |