Moon Liveview Library

Bottom Sheet

Bottom Sheet
Content
Attribute Type Documentation Default Value
id :string

Unique identifier for the alert component. Required for the close button to work if present
has_handle :boolean

Whether the bottom sheet has a handle for dragging.
false
has_close_button :boolean

Whether the bottom sheet has a close button.
false
class :string

Additional classes to add to the component.
""
rest :global

Additional attributes to add to the bottom sheet component.
header :slot

Title content of the bottom sheet.

 
<:header>
    Bottom Sheet
</:header>
<div class="flex items-center justify-center h-full bg-brand-subtle text-brand">Content</div>
custom_close_icon :slot

Custom close icon for the bottom sheet.
inner_block :slot

Inner content of the bottom sheet.