office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1 lines • 912 B
JavaScript
module.exports = "import * as React from 'react';\nimport {\n Button,\n Overlay\n} from '../../../../index';\n\nimport './Overlay.Example.scss';\n\nexport class OverlayLightExample extends React.Component<any, any> {\n constructor() {\n super();\n\n this._onClick = this._onClick.bind(this);\n\n this.state = {\n isOverlayVisible: false\n };\n }\n\n public render() {\n let { isOverlayVisible } = this.state;\n\n return (\n <div>\n <Button onClick={ this._onClick }>Show the overlay</Button>\n { isOverlayVisible && (\n <Overlay onClick={ this._onClick }>\n <div className='OverlayExample-content'>\n <p>I am content within the overlay.</p>\n </div>\n </Overlay>\n )}\n </div>\n );\n }\n\n public _onClick() {\n this.setState({\n isOverlayVisible: !this.state.isOverlayVisible\n });\n }\n}\n";