bottom-sheet-react

bottom-sheet-react

Simple expandable Bottom Sheet for React

Install

npm i bottom-sheet-react

How to use

Add your single ChildrenComponent inside BottomSheet.

import BottomSheet from 'bottom-sheet-react';

<BottomSheet
    isExpandable={true}
    customHeight={200}
    onClose={customCloseHandler}>
    <ChildrenComponent/>
</BottomSheet>

Methods for children

Call function closeBottomSheet from children if you want to access closing trigger.

Props

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