Sheet Drag
Element: The area at the top or bottom of a sheet that the user can drag the size of the sheet larger or smaller.
Parent: Sheet
Child: None
Properties
Location
Top: The sheet drag is positioned at the top of the sheet, for use in the Bottom version of Sheet.
Bottom: The sheet drag positioned at the bottom of the sheet, for use in the Top version of Sheet.
Use
The entire surface of the Sheet Drag is a hit area to allow a tap/click and drag to change the height of the sheet to its other breakpoint (anchored) heights, as determined by the contents of the sheet. On a tap+drag the sheet gradually grows/shrinks and once released will snap to the closest breakpoint (anchor). For an example of in app use please see the Google/Apple Maps search sheet.
Last updated