Nutritious Pumpkin Meal

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

    1.13.0 • Public • Published

    React draggable bottom sheet

    A React component with the bottom sheet experience we have for native mobile applications, but for web

    Demo

    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>
      );
    };

    Install

    npm i react-draggable-bottom-sheet

    DownloadsWeekly Downloads

    34

    Version

    1.13.0

    License

    ISC

    Unpacked Size

    29.4 kB

    Total Files

    11

    Last publish

    Collaborators

    • azabraao