Bottom sheet · Clay
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 · Clay7 / 20
Pillowy sheet with a pressed-in grab groove; unselected rows are raised pills and the chosen one is pressed in.
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