Backdrop for react.
npm install @feizheng/react-backdropshell
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'));
``