A sheet modal rises from the bottom (or the top, with sheet-modal-top) over part of the screen, so the page stays in view: a mini player, a place card, a cart summary. It is a <div class="sheet-modal"> with a sheet-modal-inner; a swipe-handler draws the grab bar.
| Parameter | Default | Effect |
|---|---|---|
| swipeToClose | false | Drag down to dismiss |
| swipeToStep | false | Open to a first step, drag up to expand |
| breakpoints | [] | Fractions of height to snap to, e.g. [0.33, 0.66] |
| backdrop | theme default | Dim the page (Material dims, iOS does not) |
| closeByOutsideClick | false | Close when the page behind is tapped |
With swipeToStep, the sheet opens only down to the bottom of its sheet-modal-swipe-step element, and stepOpen() or a swipe up reveals the rest. breakpoints generalize this to several stops.