lucid-ui
Version:
A UI component library from AppNexus.
26 lines • 1.76 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Button, RadioGroup, SearchField, Tabs } from '../../../index';
var titleThree = /*#__PURE__*/React.createElement(RadioGroup, {
selectedIndex: 1
}, /*#__PURE__*/React.createElement(RadioGroup.RadioButton, null, /*#__PURE__*/React.createElement(RadioGroup.Label, null, "Captain America")), /*#__PURE__*/React.createElement(RadioGroup.RadioButton, null, /*#__PURE__*/React.createElement(RadioGroup.Label, null, "Iron Man")), /*#__PURE__*/React.createElement(RadioGroup.RadioButton, null, /*#__PURE__*/React.createElement(RadioGroup.Label, null, "Thor")));
export default createClass({
render: function render() {
var tabStyle = {
height: '100px',
width: '200px'
};
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tabs, {
hasMultilineTitle: true
}, /*#__PURE__*/React.createElement(Tabs.Tab, {
style: tabStyle
}, /*#__PURE__*/React.createElement(Tabs.Title, null, "One", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, null, "Button")), "One content"), /*#__PURE__*/React.createElement(Tabs.Tab, {
style: tabStyle
}, /*#__PURE__*/React.createElement(Tabs.Title, null, "Two", /*#__PURE__*/React.createElement("br", null), "Line Two", /*#__PURE__*/React.createElement(SearchField, null)), "Two content"), /*#__PURE__*/React.createElement(Tabs.Tab, {
style: tabStyle
}, /*#__PURE__*/React.createElement(Tabs.Title, null, titleThree), "Three content"), /*#__PURE__*/React.createElement(Tabs.Tab, {
isDisabled: true,
style: tabStyle
}, /*#__PURE__*/React.createElement(Tabs.Title, null, "Four"), "Four content")));
}
});