Dialog

Wide dialog

This dialog uses a wider max-width override (sm:max-w-2xl).

The content area is wider than the default sm:max-w-lg.

Attribute Type Documentation Default Value
Required id * :string
show :boolean false
on_cancel :any
show_close :boolean true
class :any []
overlay_class :any []
close_class :any []
animation_duration :integer 200
rest :global
Required inner_block * :slot
<.dialog_header>
  <.dialog_title id="dialog-wide-title">Wide dialog</.dialog_title>
  <.dialog_description id="dialog-wide-description">
    This dialog uses a wider max-width override (sm:max-w-2xl).
  </.dialog_description>
</.dialog_header>
<p class="text-sm text-muted-foreground">
  The content area is wider than the default sm:max-w-lg.
</p>
<.dialog_footer>
  <.dialog_close on_cancel={Phoenix.LiveView.JS.dispatch("phx-shadcn:hide")}>
    <.button>Close</.button>
  </.dialog_close>
</.dialog_footer>
close :slot