alert_dialog

Basecoat documentation: https://basecoatui.com/components/alert-dialog/

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

Recipe

import glaze/basecoat/alert_dialog
import glaze/basecoat/button
import lustre/element/html

fn delete_confirm_dialog() {
  alert_dialog.alert_dialog("delete-confirm", [
    alert_dialog.title([], [html.text("Are you sure?")]),
    alert_dialog.description([], [html.text("This action cannot be undone.")]),
    alert_dialog.content([], [
      alert_dialog.footer([], [
        button.button([button.outline()], [html.text("Cancel")]),
        button.button([button.destructive()], [html.text("Delete")]),
      ]),
    ]),
  ])
}

References

MDN <dialog>: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
MDN HTMLDialogElement: https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement

Values

action

</>

pub fn action(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

alert_dialog

</>

pub fn alert_dialog(
  id: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

alert_dialog_with_text

</>

pub fn alert_dialog_with_text(
  id: String,
  title: String,
  description: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

cancel

</>

pub fn cancel(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

close_script

</>

pub fn close_script(dialog_id: String) -> String

content

</>

pub fn content(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

description

</>

pub fn description(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

destructive

</>

pub fn destructive(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

</>

pub fn footer(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

</>

pub fn header(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

open_script

</>

pub fn open_script(dialog_id: String) -> String

title

</>

pub fn title(
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)

trigger_button

</>

pub fn trigger_button(
  dialog_id: String,
  attrs: List(attribute.Attribute(msg)),
  children: List(element.Element(msg)),
) -> element.Element(msg)