Bottom-sheet-react NPM

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