Bottom Sheet

Accessible Sheet

Inspect element to see aria-label on the sheet container.

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>Accessible Sheet</:header>
<p>Inspect element to see aria-label on the sheet container.</p>
inner_block :slot

Main sheet content