Name | Type | Required | Default | Description |
---|---|---|---|---|
aria-describedby | string | false | ||
aria-details | string | false |
| |
aria-label | string | false |
| |
aria-labelledby | string | false |
| |
children | ReactNode | false | ||
id | string | false |
| |
open | boolean | true | A controlled prop defining open/close state of the tearsheet.
| |
placement | false | Tearsheet placement
| ||
qa | QaTags | false | QA tags
| |
role | "dialog" | false |
| |
stretch | boolean | false | Stretch tearsheet body to the full width or height of the screen, depending on placement
| |
afterHide | Function | false | A callback to be called when "close" animation is finished.
| |
afterShow | Function | false | A callback to be called when "open" animation is finished.
| |
onClose | Function | true | A required callback to be called when "close" button is clicked. Should set "open" flag to "false".
|
Tearsheets and Modals work with Form enableConfirmNavigation to try to prevent data loss. Promise submission is required when using Form enableConfirmNavigation to 'clean up' window.onbeforeunload after submission.
11.11.0