react-bootify/components/modal/modal.md

react-bootify

### Usage

```js static
import {Modal} from 'react-bootify';
/* or */
import Modal from 'react-bootify/components/modal';
```

The sample below includes a modal header, modal body (required for padding), and modal footer (optional). Include modal headers with dismiss actions whenever possible, or provide another explicit dismiss action.

```js

import {Tag, Button} from 'react-bootify';

class Sample extends React.Component {

    constructor(props) {
        super(props);

        this.state = {};
        this.state.show = false;

        this.toggle = this.toggle.bind(this);
    }

    toggle() {
        this.setState({show: !this.state.show});
    }

    render() {
        return (
            <Tag>
                <Button onClick={this.toggle}>Launch modal dialog</Button>

                <Modal show={this.state.show} centered>
                    <Modal.Header dismiss={this.toggle}>
                        <Modal.Title>
                            Title
                        </Modal.Title>
                    </Modal.Header>
                    <Modal.Body>
                        Eu dicant utinam vel, eam probo modus tacimates te,
                        et mazim sensibus mel. Pro ea vocent euismod, ad putant fastidii.
                    </Modal.Body>
                    <Modal.Footer>
                        <Button onClick={this.toggle}>Save changes</Button>
                    </Modal.Footer>
                </Modal>
            </Tag>
        );
    }
}

<Sample/>


```