# 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.

[Styleguide Link](https://zpl.io/VOyvZz8)

* Parent: [Sheet](https://able.bucca.com/core/components/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.