lucid-ui
Version:
A UI component library from AppNexus.
40 lines (39 loc) • 2.13 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Tabs } from '../../../index';
export default createClass({
render() {
return (React.createElement("div", null,
React.createElement("h4", null, "Static Width"),
React.createElement(Tabs, { hasFullWidthTabs: false },
React.createElement(Tabs.Tab, { count: 12 },
React.createElement(Tabs.Title, null, "One"),
"One content"),
React.createElement(Tabs.Tab, { count: 15 },
React.createElement(Tabs.Title, null, "Two"),
"Two content"),
React.createElement(Tabs.Tab, { count: 7 },
React.createElement(Tabs.Title, null, "Three"),
"Three content"),
React.createElement(Tabs.Tab, { count: 3, isDisabled: true },
React.createElement(Tabs.Title, null, "Four"),
"Four content"),
React.createElement(Tabs.Tab, { count: 0, isDisabled: true },
React.createElement(Tabs.Title, null, "Five"),
"Five content")),
React.createElement("h4", null, "Variable Width"),
React.createElement(Tabs, { hasFullWidthTabs: false },
React.createElement(Tabs.Tab, { count: 1231321, isVariableCountWidth: true },
React.createElement(Tabs.Title, null, "One"),
"One content"),
React.createElement(Tabs.Tab, { count: 6546541612, isVariableCountWidth: true },
React.createElement(Tabs.Title, null, "Two"),
"Two content"),
React.createElement(Tabs.Tab, { count: 7, isVariableCountWidth: true },
React.createElement(Tabs.Title, null, "Three"),
"Three content"),
React.createElement(Tabs.Tab, { count: 123, isDisabled: true, isVariableCountWidth: true },
React.createElement(Tabs.Title, null, "Four"),
"Four content"))));
},
});