Sheet

Navigation

Browse the sidebar menu.

Menu items would go here.

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-left-title">Navigation</.sheet_title>
  <.sheet_description id="sheet-left-description">
    Browse the sidebar menu.
  </.sheet_description>
</.sheet_header>
<div class="p-4">
  <p class="text-sm text-muted-foreground">Menu items would go here.</p>
</div>
<.sheet_footer>
  <.sheet_close on_cancel={Phoenix.LiveView.JS.dispatch("phx-shadcn:hide")}>
    <.button variant="outline">Close</.button>
  </.sheet_close>
</.sheet_footer>
close :slot