Bottom Sheet

Open Sheet

This sheet is open by default with modal backdrop.

Attribute Type Documentation Default Value
id :any

HTML id attribute

class :any

additional CSS classes

open :boolean

whether the sheet is visible

false
modal :boolean

show backdrop and trap focus

false
persistent :boolean

prevent dismiss via outside click or swipe

false
snap_points :string

comma-separated snap point heights in percentages (e.g., "25,50,100")

label :string

Accessible label for the sheet (aria-label)

rest :global
header :slot

Header content above the drag handle

<:header>Open Sheet</:header>
<p>This sheet is open by default with modal backdrop.</p>
inner_block :slot

Main sheet content