lucid-ui
Version:
A UI component library from AppNexus.
43 lines • 2.09 kB
JavaScript
import createClass from 'create-react-class';
import React from 'react';
import { Typography } from '../../../index';
import HelpIcon from '../../Icon/HelpIcon/HelpIcon';
import ToolTip from '../../ToolTip/ToolTip';
var Title = ToolTip.Title,
Target = ToolTip.Target;
export default createClass({
render: function render() {
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
variant: "h1"
}, "h1. Heading"), /*#__PURE__*/React.createElement(Typography, {
variant: "h2"
}, "h2. Heading"), /*#__PURE__*/React.createElement(Typography, {
variant: "h3"
}, "h3. Heading"), /*#__PURE__*/React.createElement(Typography, {
variant: "p"
}, "p. paragraph text"), /*#__PURE__*/React.createElement(Typography, {
variant: "tabular"
}, "tabular. text for tables"), /*#__PURE__*/React.createElement(Typography, {
variant: "a"
}, "a. link text"), /*#__PURE__*/React.createElement(Typography, {
variant: "pre"
}, "pre. preformatted text"), /*#__PURE__*/React.createElement(Typography, {
variant: "code"
}, "code. snazzy code"), " ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Typography, {
variant: "kbd"
}, "kbd. keyboard inputs"), " ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Typography, {
variant: "samp"
}, "samp. sample code outputs"), " ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Typography, {
variant: "span"
}, "span. sample code outputs with help bubble", /*#__PURE__*/React.createElement("div", {
className: "HelpBubble"
}, /*#__PURE__*/React.createElement(ToolTip, {
alignment: 'start',
direction: 'right'
}, /*#__PURE__*/React.createElement(Title, {
className: "HelpBubble-title"
}, "look at me"), /*#__PURE__*/React.createElement(Target, null, /*#__PURE__*/React.createElement(HelpIcon, {
size: 12
}))))), " ", /*#__PURE__*/React.createElement("br", null));
}
});