View Source SaladUI.Sheet (SaladUI v0.13.1)
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 tonil
.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 tonil
.side
(:string
) - The side of the sheet. Defaults to"right"
.
Slots
inner_block
(required)custom_close_btn
Attributes
class
(:string
) - Defaults tonil
.
Slots
inner_block
(required)
Attributes
class
(:string
) - Defaults tonil
.
Slots
inner_block
(required)
Attributes
class
(:string
) - Defaults tonil
.
Slots
inner_block
(required)
Attributes
class
(:string
) - Defaults tonil
.
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 tonil
.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 tonil
.side
(:string
) - The side of the sheet. Defaults to"right"
.
Slots
inner_block
(required)custom_close_btn
Attributes
class
(:string
) - Defaults tonil
.
Slots
inner_block
(required)
Attributes
class
(:string
) - Defaults tonil
.
Slots
inner_block
(required)
Attributes
class
(:string
) - Defaults tonil
.
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)