Bottom sheet · Playful
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 · Playful15 / 20
Chunky outlined sheet with a fat ink grab bar, bouncy rows with hard shadows, yellow chosen row and a press-down 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