Bottom sheet · Cyber
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 · Cyber17 / 20
Clipped top corners with HUD glow, neon grab bar, rows with an inset ring and a neon left bar on the chosen one.
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