bottom-sheet-react
TypeScript icon, indicating that this package has built-in type declarations

0.1.27 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i bottom-sheet-react

Weekly Downloads

9

Version

0.1.27

License

MIT

Unpacked Size

16.7 kB

Total Files

8

Last publish

Collaborators

  • nibdo