Simple and pretty React drawer
npm install react-pretty-drawer$ npm install --save react-pretty-drawer
$ yarn add react-pretty-drawer
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 Drawers mask | object | rgba(0, 0, 0, 0.3) |
z-index of the Drawer. | number | 1000 |
style of the body wrapper. | object | - |
class of the body wrapper. | string | - |