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