Docs

Cinder UI

Overlay.alert_dialog

Progressive

Destructive-style dialog variant used for irreversible confirmation actions.

It delegates to dialog/1 and applies destructive emphasis classes.

Alert dialog

  <.alert_dialog id="delete-dialog">
  <:trigger><.button variant={:destructive}>Delete project</.button></:trigger>
  <:title>Delete project?</:title>
  <:description>This action is irreversible.</:description>
  All deployments and analytics will be removed.
  <:footer>
    <.button variant={:outline} type="button">Cancel</.button>
    <.button variant={:destructive} type="button">Delete</.button>
  </:footer>
</.alert_dialog>

Attributes

Name Type Default Values Global Includes
class :string
id Required :string
open :boolean false
rest :global

Slots

Slot Slot Attributes
description
footer
inner_block Required
title
trigger Required