1 | 'use strict'
|
2 |
|
3 | import React from 'react'
|
4 | import {
|
5 | ApDialog,
|
6 | ApDialogHeader,
|
7 | ApDialogBody,
|
8 | ApDialogStyle
|
9 | } from 'apeman-react-dialog'
|
10 |
|
11 | const ExampleComponent = React.createClass({
|
12 | getInitialState () {
|
13 | return {
|
14 | dialogEnabled: true
|
15 | }
|
16 | },
|
17 | render () {
|
18 | const s = this
|
19 | let state = s.state
|
20 | return (
|
21 | <div>
|
22 | <ApDialogStyle />
|
23 | <ApDialog enabled={state.dialogEnabled}
|
24 | onClose={() =>{s.toggleDialog(false)} }>
|
25 | <ApDialogHeader>Dialog Header</ApDialogHeader>
|
26 | <ApDialogBody>Dialog Body</ApDialogBody>
|
27 | </ApDialog>
|
28 | </div>
|
29 | )
|
30 | },
|
31 | toggleDialog (enabled) {
|
32 | const s = this
|
33 | s.setState({
|
34 | dialogEnabled: enabled
|
35 | })
|
36 | }
|
37 | })
|