Alert Dialog

Alert Dialog

Default

Alert dialog for confirming important actions.


      <.alert_dialog :let={builder} id="alert">
      <.alert_dialog_trigger builder={builder}>
      <.button>Show Alert</.button>
      </.alert_dialog_trigger>
      <.alert_dialog_content builder={builder}>
      <.alert_dialog_header>
      <:icon><Icons.icon_warning /></:icon>
      <.alert_dialog_title>Title</.alert_dialog_title>
      <.alert_dialog_description>Description</.alert_dialog_description>
      </.alert_dialog_header>
      <.alert_dialog_footer>
      <.alert_dialog_cancel builder={builder}>Cancel</.alert_dialog_cancel>
      <.alert_dialog_action>Continue</.alert_dialog_action>
      </.alert_dialog_footer>
      </.alert_dialog_content>
      </.alert_dialog>
    
Destructive

Alert dialog with destructive action styling.

Help
Help Topics GitHub License (MIT)
6 objects
Help Topics
GitHub License (MIT)