Dialog

Dialog

Basic Dialog

Click the button to open a modal dialog.


      <.button phx-click={show_modal("basic-dialog")}>
      <:icon><Icons.icon_btn_open /></:icon>
      Open
      </.button>
      <.dialog id="basic-dialog">
      <.dialog_header>
      <.dialog_icon><Icons.icon_btn_edit /></.dialog_icon>
      <.dialog_title>Edit Profile</.dialog_title>
      <.dialog_close id="basic-dialog" />
      </.dialog_header>
      <.dialog_body>...</.dialog_body>
      <.dialog_footer>
      <.button><:icon>...</:icon>Save</.button>
      </.dialog_footer>
      </.dialog>
    
Confirmation Dialog

A simple confirmation dialog.

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