lucid-ui
Version:
A UI component library from AppNexus.
29 lines • 1.85 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var lodash_1 = __importDefault(require("lodash"));
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
exports.default = create_react_class_1.default({
getInitialState: function () {
return {
isShown: false,
};
},
handleShow: function (isShown) {
this.setState({ isShown: isShown });
},
render: function () {
return (react_1.default.createElement("div", null,
react_1.default.createElement(index_1.Button, { onClick: lodash_1.default.partial(this.handleShow, !this.state.isShown) }, "Toggle"),
react_1.default.createElement(index_1.Dialog, { isModal: false, isShown: this.state.isShown, handleClose: lodash_1.default.partial(this.handleShow, !this.state.isShown), onBackgroundClick: lodash_1.default.partial(this.handleShow, false), onEscape: lodash_1.default.partial(this.handleShow, false), Header: 'Header', size: 'small' },
"In most cases, you'll probably just use an isModal Dialog, but this example shows that the Dialog doesn't have to be a modal. Try pressing \"escape\" to close this Dialog.",
react_1.default.createElement(index_1.Dialog.Footer, null,
react_1.default.createElement(index_1.Button, { kind: 'invisible', onClick: lodash_1.default.partial(this.handleShow, false), style: { marginRight: '9px' } }, "Cancel"),
react_1.default.createElement(index_1.Button, { kind: 'primary' }, "Save")))));
},
});
//# sourceMappingURL=5.no-modal.js.map