lucid-ui
Version:
A UI component library from AppNexus.
30 lines (29 loc) • 1.56 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { BarChart, LoadingIndicator, LoadingIcon } from '../../../index';
const { LoadingMessage, LoadingMessage: { Title, Body, Icon }, } = LoadingIndicator;
export default createClass({
render() {
return (React.createElement("div", null,
React.createElement(LoadingIndicator, { isLoading: true },
React.createElement(BarChart, { width: 750, data: [
{ x: '2015-01-01', y: 1 },
{ x: '2015-01-02', y: 2 },
{ x: '2015-01-03', y: 3 },
{ x: '2015-01-04', y: 5 },
] }),
React.createElement(LoadingMessage, null,
React.createElement(Icon, null,
React.createElement(LoadingIcon, { speed: 'slow' })),
React.createElement(Title, null, "Custom Title"),
React.createElement(Body, null, "Custom Body"))),
React.createElement(LoadingIndicator, { isLoading: true },
React.createElement(BarChart, { width: 750, data: [
{ x: '2015-01-01', y: 1 },
{ x: '2015-01-02', y: 2 },
{ x: '2015-01-03', y: 3 },
{ x: '2015-01-04', y: 5 },
] }),
React.createElement(LoadingMessage, { Icon: React.createElement(LoadingIcon, { speed: 'fast' }), Title: 'Enhancing...', Body: 'Please wait' }))));
},
});