Browse components

SlideUp

Panel that slides up from the bottom edge, with a title and close control.

molecules

Live example

Default usage you can copy and adapt.

Basic SlideUp

Simple slide-up panel

Custom Height

Slide-up with custom height

Props

The props you are most likely to need, with types and defaults.

Props / API
NameTypeRequiredDefaultDescription
isOpenbooleanNofalseOpen state. Bindable.
titlestringNo—Panel heading.
onclick(event: Event) => voidNo—Runs on click inside the panel, including the close control.