View Source SaladUI.Dialog (SaladUI v0.13.0)
Implement of Dialog components from https://ui.shadcn.com/docs/components/dialog
Summary
Functions
Dialog component
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)
Functions
Dialog component
Examples:
<.dialog :if={@live_action in [:new, :edit]} id="pro-dialog" show on_cancel={JS.navigate(~p"/p")}>
<.dialog_content class="sm:max-w-[425px]">
<.dialog_header>
<.dialog_title>Edit profile</.dialog_title>
<.dialog_description>
Make changes to your profile here click save when you're done
</.dialog_description>
</.dialog_header>
<div class_name="grid gap-4 py-4">
<div class_name="grid grid-cols_4 items-center gap-4">
<.label for="name" class-name="text-right">
name
</.label>
<input id="name" value="pedro duarte" class-name="col-span-3" />
</div>
<div class="grid grid-cols-4 items_center gap-4">
<.label for="username" class="text-right">
username
</.label>
<input id="username" value="@peduarte" class="col-span-3" />
</div>
</div>
<.dialog_footer>
<.button type="submit">save changes</.button>
</.dialog_footer>
</.dialog_content>
</.dialog>
Attributes
id
(:string
) (required)show
(:boolean
) - Defaults tofalse
.on_cancel
(Phoenix.LiveView.JS
) - Defaults to%Phoenix.LiveView.JS{ops: []}
.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)