office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1 lines • 1.16 kB
JavaScript
module.exports = "import * as React from 'react'; // tslint:disable-line:no-unused-variable\nimport './Layer.Example.scss';\nimport {\n BaseComponent,\n Checkbox,\n Layer\n} from '../../../../index';\n\nexport class LayerBasicExample extends BaseComponent<any, any> {\n\n constructor() {\n super();\n this.state = {\n showLayer: false,\n time: new Date().toLocaleTimeString()\n };\n }\n\n public componentDidMount() {\n this._async.setInterval(() => this.setState({ time: new Date().toLocaleTimeString() }), 1000);\n }\n\n public render() {\n let { showLayer, time } = this.state;\n let content = (\n <div className='LayerExample-content ms-u-scaleUpIn100'>\n <div className='LayerExample-textContent'>This is example layer content.</div>\n <div>{ time }</div>\n </div>\n );\n\n return (\n <div>\n\n <Checkbox\n label='Wrap the content box belowed in a Layer'\n checked={ showLayer }\n onChange={ (ev, checked) => this.setState({ showLayer: checked }) } />\n\n { showLayer ? <Layer>{ content }</Layer> : content }\n\n </div>\n );\n }\n}\n";