lucid-ui
Version:
A UI component library from AppNexus.
33 lines (32 loc) • 1.47 kB
JavaScript
import _ from 'lodash';
import React from 'react';
import createClass from 'create-react-class';
import { ToolTipDumb } from '../../../index';
const { Target, Title, Body } = ToolTipDumb;
export default createClass({
render() {
return (React.createElement("section", { style: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
} }, _.map(['right', 'up', 'down', 'left'], direction => _.map(['start', 'center', 'end'], alignment => (React.createElement("section", { key: `${direction}${alignment}`, style: { margin: '90px' } },
React.createElement(ToolTipDumb, { direction: direction, alignment: alignment, isExpanded: true },
React.createElement(Title, null,
"Title: ",
direction,
" ",
alignment),
React.createElement(Body, null,
"ToolTip is a utility component to create a transient message anchored to another component. My direction is \"",
direction,
"\". My alignment is \"",
alignment,
"\"."),
React.createElement(Target, null,
React.createElement("div", null,
"Target ",
direction,
" ",
alignment)))))))));
},
});