- draggable only by touch
- `max`, `start`, and `min` are percentages from the top, so a max of 10 will let the sheet be dragged up to a height of 90%.

[[BottomSheet.composition]]

## Notes
- ~~auto-resizes to fit content, up until max or start value (whichever is the larger restriction in terms of percentage distance from top)~~ (janky on mobile, but see BottomSheet.svelte file history if ever wanting to look at the code)
- It doesn't make sense to set the start to a greater value than max.
- Press escape to close

## Inspiration
- native apps (e.g. Chrome word definition lookup when holding down on a word)
- [cupertino-pane](https://github.com/roman-rr/cupertino-pane)
- [react-spring-bottom-sheet](https://github.com/stipsan/react-spring-bottom-sheet)
- splitpane
- hammerJS
- [interact.js](https://github.com/taye/interact.js)

[//begin]: # "Autogenerated link references for markdown compatibility"
[BottomSheet.composition]: BottomSheet.composition "BottomSheet"
[//end]: # "Autogenerated link references"