1.15.0 • Published 5 months ago
react-draggable-bottom-sheet v1.15.0
React draggable bottom sheet
A React component with the bottom sheet experience we have for native mobile applications, but for web ✨
Installation
npm install react-draggable-bottom-sheet
Usage
import BottomSheet from "react-draggable-bottom-sheet";
const NiceComponent = () => {
const [isOpen, setIsOpen] = useState(false);
const close = () => setIsOpen(false);
return (
<BottomSheet isOpen={isOpen} close={close}>
// your UI code here
</BottomSheet>
);
};
In case you want some places to not drag the bottom sheet, just put the `data-no-drag data attribute on the tag.
<BottomSheet isOpen={isOpen} close={close}>
<div data-no-drag>don't drag the bottom sheet</div>
<div>here you can drag it</div>
</BottomSheet>
1.15.0
5 months ago
1.14.0
8 months ago
1.13.3
1 year ago
1.13.2
2 years ago
1.13.1
2 years ago
1.13.0
2 years ago
1.12.0
2 years ago
1.11.0
2 years ago
1.10.0
2 years ago
1.9.0
2 years ago
1.8.0
2 years ago
1.7.11
2 years ago
1.7.10
2 years ago
1.7.9
2 years ago
1.7.8
2 years ago
1.7.7
2 years ago
1.7.6
2 years ago
1.7.5
2 years ago
1.7.4
2 years ago
1.7.3
2 years ago
1.7.2
2 years ago
1.7.1
2 years ago
1.7.0
2 years ago
1.6.1
2 years ago
1.6.0
2 years ago
1.5.0
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.2.0
2 years ago
1.1.0
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago