Temzasse / react-modal-sheet

Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
https://temzasse.github.io/react-modal-sheet/
MIT License
791 stars 75 forks source link

Feature request: add support for from top direction? #29

Closed ghost closed 3 years ago

ghost commented 3 years ago

Hello,

I want to use the modal sheet as a swippable header, which is basically a mirrored version but probably also needs to handle the point events (like the header in the Playstation App).

Any idea or advice on how to make it? Thanks.

ghost commented 3 years ago

Screenshot_20210522-175650_PS App.jpg Screenshot_20210522-175630_PS App.jpg

ghost commented 3 years ago

Made it by adding a fromTop param and modifying the handleDrag, and also the container animation etc.

Roshdy commented 2 years ago

@lodisy can you please provide an example?