Bottom sheet · Swiss
A modal bottom sheet with snap points, drag-to-resize and velocity dismiss, a keyboard-operable slider handle, focus trap, Escape and scrim dismiss, and a radio list with confirm.
Design · Swiss9 / 20
Heavy 6px top rule, huge tight title, ruled rows numbered 01-03 with a red square on the choice, flush two-ended button.
Motion
The sheet slides up from the bottom edge and decelerates onto its snap point while the scrim fades in with it.
Accent
A modal bottom sheet with snap points, drag-to-resize and velocity dismiss, a keyboard-operable slider handle, focus trap, Escape and scrim dismiss, and a radio list with confirm.
bottom sheetsheetoverlaydragsnap pointsmodalmobileradio