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