Sheet

Wide sheet

This sheet uses a wider max-width override (sm:max-w-lg).

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

Attribute Type Documentation Default Value
Required id * :string
side :atom :right
show :boolean false
on_cancel :any
show_close :boolean true
handle :boolean false
class :any []
overlay_class :any []
close_class :any []
handle_class :any []
animation_duration :integer 300
rest :global
Required inner_block * :slot
<.sheet_header>
  <.sheet_title id="sheet-wide-title">Wide sheet</.sheet_title>
  <.sheet_description id="sheet-wide-description">
    This sheet uses a wider max-width override (sm:max-w-lg).
  </.sheet_description>
</.sheet_header>
<div class="p-4">
  <p class="text-sm text-muted-foreground">
    The content area is wider than the default sm:max-w-sm.
  </p>
</div>
<.sheet_footer>
  <.sheet_close on_cancel={Phoenix.LiveView.JS.dispatch("phx-shadcn:hide")}>
    <.button>Close</.button>
  </.sheet_close>
</.sheet_footer>
close :slot