View Source SaladUI.Sheet (SaladUI v0.13.0)

Implement Sheet componet https://ui.shadcn.com/docs/components/sheet

Example:

<.sheet show>
  <.sheet_trigger target="test">
    <.button variant="outline">open</.button>
  </.sheet_trigger>
  <.sheet_content id="test" side="bottom">
    <.sheet_header>
      <.sheet_title>Edit profile</.sheet_title>
      <.sheet_description>
        Make changes to your profile here. Click save when you're done.
      </.sheet_description>
    </.sheet_header>
    <div class="grid gap-4 py-4">
      <div class="grid grid-cols-4 items-center gap-4">
        <.label for="name" class="text-right">
          Name
        </.label>
        <Input.input id="name" name="name" value="pedro duarte" class="col-span-3" />
      </div>
      <div class="grid grid-cols-4 items-center gap-4">
        <.label for="username" class="text-right">
          Username
        </.label>
        <Input.input id="username" name="username" value="@peduarte" class="col-span-3" />
      </div>
    </div>
    <.sheet_footer>
      <.sheet_close target="test">
        <.button type="submit" phx-click="save">save changes</.button>
      </.sheet_close>
    </.sheet_footer>
  </.sheet_content>
</.sheet>

Summary

Functions

Attributes

  • class (:string) - Defaults to "inline-block".

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to nil.
  • target (:string) (required) - The id of the sheet tag to close.

Slots

  • inner_block (required)

Attributes

  • id (:string) (required) - The id of the sheet.
  • class (:string) - Defaults to nil.
  • side (:string) - The side of the sheet. Defaults to "right".

Slots

  • inner_block (required)
  • custom_close_btn

Attributes

  • class (:string) - Defaults to nil.

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to nil.

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to nil.

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to nil.

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to "inner-block".
  • target (:string) (required) - The id of the sheet to open.

Slots

  • inner_block (required)

Functions

Attributes

  • class (:string) - Defaults to "inline-block".

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to nil.
  • target (:string) (required) - The id of the sheet tag to close.

Slots

  • inner_block (required)

Attributes

  • id (:string) (required) - The id of the sheet.
  • class (:string) - Defaults to nil.
  • side (:string) - The side of the sheet. Defaults to "right".

Slots

  • inner_block (required)
  • custom_close_btn
Link to this function

sheet_description(assigns)

View Source

Attributes

  • class (:string) - Defaults to nil.

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to nil.

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to nil.

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to nil.

Slots

  • inner_block (required)

Attributes

  • class (:string) - Defaults to "inner-block".
  • target (:string) (required) - The id of the sheet to open.

Slots

  • inner_block (required)