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