bottom-sheet-react
Advanced tools
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 |
FAQs
Simple expandable Bottom Sheet for React
We found that bottom-sheet-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.
Security News
Research
Socket researchers found a malicious Maven package impersonating the legitimate ‘XZ for Java’ library, introducing a backdoor for remote code execution.