Usage

Props

NameTypeRequiredDefaultDescription
children
ReactNode
false
open
boolean
true

A controlled prop defining open/close state of the tearsheet.

since

10.25.0

placementfalse

Tearsheet placement

since

10.25.0

qa
QaTags
false

QA tags

since

10.25.0

stretch
boolean
false

Stretch tearsheet body to the full width or height of the screen, depending on placement

since

11.1.0

afterHide
Function
false

A callback to be called when "close" animation is finished.

since

10.25.0

afterShow
Function
false

A callback to be called when "open" animation is finished.

since

10.25.0

onClose
Function
true

A required callback to be called when "close" button is clicked. Should set "open" flag to "false".

since

10.25.0

Demo