lucid-ui
Version:
A UI component library from AppNexus.
45 lines • 2.87 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("div", null,
react_1.default.createElement("h4", null, "Static Width"),
react_1.default.createElement(index_1.Tabs, { hasFullWidthTabs: false },
react_1.default.createElement(index_1.Tabs.Tab, { count: 12 },
react_1.default.createElement(index_1.Tabs.Title, null, "One"),
"One content"),
react_1.default.createElement(index_1.Tabs.Tab, { count: 15 },
react_1.default.createElement(index_1.Tabs.Title, null, "Two"),
"Two content"),
react_1.default.createElement(index_1.Tabs.Tab, { count: 7 },
react_1.default.createElement(index_1.Tabs.Title, null, "Three"),
"Three content"),
react_1.default.createElement(index_1.Tabs.Tab, { count: 3, isDisabled: true },
react_1.default.createElement(index_1.Tabs.Title, null, "Four"),
"Four content"),
react_1.default.createElement(index_1.Tabs.Tab, { count: 0, isDisabled: true },
react_1.default.createElement(index_1.Tabs.Title, null, "Five"),
"Five content")),
react_1.default.createElement("h4", null, "Variable Width"),
react_1.default.createElement(index_1.Tabs, { hasFullWidthTabs: false },
react_1.default.createElement(index_1.Tabs.Tab, { count: 1231321, isVariableCountWidth: true },
react_1.default.createElement(index_1.Tabs.Title, null, "One"),
"One content"),
react_1.default.createElement(index_1.Tabs.Tab, { count: 6546541612, isVariableCountWidth: true },
react_1.default.createElement(index_1.Tabs.Title, null, "Two"),
"Two content"),
react_1.default.createElement(index_1.Tabs.Tab, { count: 7, isVariableCountWidth: true },
react_1.default.createElement(index_1.Tabs.Title, null, "Three"),
"Three content"),
react_1.default.createElement(index_1.Tabs.Tab, { count: 123, isDisabled: true, isVariableCountWidth: true },
react_1.default.createElement(index_1.Tabs.Title, null, "Four"),
"Four content"))));
},
});
//# sourceMappingURL=09-with-count.js.map