lucid-ui
Version:
A UI component library from AppNexus.
45 lines • 2.56 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");
var titleThree = (react_1.default.createElement(index_1.RadioGroup, { selectedIndex: 1 },
react_1.default.createElement(index_1.RadioGroup.RadioButton, null,
react_1.default.createElement(index_1.RadioGroup.Label, null, "Captain America")),
react_1.default.createElement(index_1.RadioGroup.RadioButton, null,
react_1.default.createElement(index_1.RadioGroup.Label, null, "Iron Man")),
react_1.default.createElement(index_1.RadioGroup.RadioButton, null,
react_1.default.createElement(index_1.RadioGroup.Label, null, "Thor"))));
exports.default = create_react_class_1.default({
render: function () {
var tabStyle = {
height: '100px',
width: '200px',
};
return (react_1.default.createElement("div", null,
react_1.default.createElement(index_1.Tabs, { hasMultilineTitle: true },
react_1.default.createElement(index_1.Tabs.Tab, { style: tabStyle },
react_1.default.createElement(index_1.Tabs.Title, null,
"One",
react_1.default.createElement("br", null),
react_1.default.createElement(index_1.Button, null, "Button")),
"One content"),
react_1.default.createElement(index_1.Tabs.Tab, { style: tabStyle },
react_1.default.createElement(index_1.Tabs.Title, null,
"Two",
react_1.default.createElement("br", null),
"Line Two",
react_1.default.createElement(index_1.SearchField, null)),
"Two content"),
react_1.default.createElement(index_1.Tabs.Tab, { style: tabStyle },
react_1.default.createElement(index_1.Tabs.Title, null, titleThree),
"Three content"),
react_1.default.createElement(index_1.Tabs.Tab, { isDisabled: true, style: tabStyle },
react_1.default.createElement(index_1.Tabs.Title, null, "Four"),
"Four content"))));
},
});
//# sourceMappingURL=03-complex-title-as-child.js.map