lucid-ui
Version:
A UI component library from AppNexus.
35 lines • 2.89 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 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({
render: function () {
return (react_1.default.createElement(index_1.Resizer, null, function (width) {
var responsiveMode = width >= 400 ? 'large' : 'small';
return (react_1.default.createElement("div", null,
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { isRemovable: false, responsiveMode: responsiveMode, kind: 'container', Label: 'Container Light Not Removable' })),
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { responsiveMode: responsiveMode, kind: 'container', Label: 'Container Light' })),
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { isFilled: true, isRemovable: false, responsiveMode: responsiveMode, kind: 'container', Label: 'Container Filled Not Removable' })),
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { isFilled: true, responsiveMode: responsiveMode, kind: 'container', Label: 'Container Filled' })),
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { responsiveMode: responsiveMode, Label: 'Default' })),
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { responsiveMode: responsiveMode, kind: 'success', Label: 'Success' })),
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { responsiveMode: responsiveMode, kind: 'danger', Label: 'Danger' })),
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { responsiveMode: responsiveMode, kind: 'info', Label: 'Info' })),
react_1.default.createElement("div", { style: { margin: '10px' } },
react_1.default.createElement(index_1.Selection, { responsiveMode: responsiveMode, kind: 'warning', Label: 'Warning' }))));
}));
},
});
//# sourceMappingURL=1.kinds.js.map