react-backdrop

> Backdrop for react.

installation

``shell
npm install -S @feizheng/react-backdrop
`

update

`shell
npm update @feizheng/react-backdrop
`

properties

| Name | Type | Required | Default | Description |
| ----------- | ---- | -------- | ------- | --------------------------- |
| fixed | bool | false | true | If style.position is fixed. |
| transparent | bool | false | false | If the opacity is 0. |

usage

1. import css
`scss
@import "~@feizheng/react-backdrop/dist/style.scss";
@import "~@feizheng/webkit-sassui-backdrop";

// customize your styles:
$react-backdrop-options: ()
`
2. import js
`js
import ReactBackdrop from '@feizheng/react-backdrop';
import ReactDOM from 'react-dom';
import React from 'react';
import './assets/style.scss';

class App extends React.Component {
state = {
visible: false
};

handleClick = (e) => {
this.setState({ visible: !this.state.visible });
};

render() {
const { visible } = this.state;
return (


);
}
}

ReactDOM.render(, document.getElementById('app'));

``

documentation

- https://afeiship.github.io/react-backdrop/