Simple expandable Bottom Sheet for React
npm i bottom-sheet-react
Add your single ChildrenComponent inside BottomSheet.
import BottomSheet from 'bottom-sheet-react';
<BottomSheet
isExpandable={true}
customHeight={200}
onClose={customCloseHandler}>
<ChildrenComponent/>
</BottomSheet>
Call function closeBottomSheet from children if you want to access closing trigger.
prop | type | default | desc |
---|---|---|---|
isExpandable |
boolean |
false | expand to full height |
customHeight |
number |
adjust container height | |
onClose |
function |
callback for closing | |
animationDelay |
number |
250ms | delay before closing |
backdropClassName |
string |
class style for backdrop | |
backdropStyle |
object |
object style for backdrop | |
containerClassName |
string |
class style for container | |
containerStyle |
object |
object style for container |