npm install react-pretty-drawer

⚛️ react-pretty-drawer

Simple and pretty React drawer component. View demo

📦 Install

The easiest way to use react-pretty-drawer is to install it from npm and include it in your React build process

$ npm install --save react-pretty-drawer

$ yarn add react-pretty-drawer

Features

- [x] Open-close animation
- [x] Closable dialog
- [x] Available for customization

Usage

javascript

import React, {useState} from 'react';

import * as ReactDOM from "react-dom";

import {Drawer} from 'react-pretty-drawer';



const Example = () => {

    let [visible, setIsVisible] = useState(false);



    const closeDrawer = () => setIsVisible(false);

    const openDrawer = () => setIsVisible(true);



    return (

        <>

                            visible={visible}

                onClose={closeDrawer}

            >

                Drawer body

            

            

        

    );

};



ReactDOM.render(, document.getElementById("root"));



API

| Props  | Description  | Type | Default |

| :------------: |:-----------:| :-----:|:--------:|

| closable     | Whether show or not the close button on top right of the Drawer dialog| boolean | false |

| mask     | Whether to show mask or not        |   boolean | true |

| maskStyle | Style for Drawer

License

MIT