lucid-ui
Version:
A UI component library from AppNexus.
25 lines (24 loc) • 1.86 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Line, chartConstants } from '../../../index';
export default createClass({
render() {
return (React.createElement("div", null,
React.createElement("svg", { width: 200, height: 120 },
React.createElement(Line, { color: chartConstants.COLOR_0, d: 'M0,0 L120,120' }),
React.createElement(Line, { color: chartConstants.COLOR_1, d: 'M0,20 L120,100' }),
React.createElement(Line, { color: chartConstants.COLOR_2, d: 'M0,40 L120,80' }),
React.createElement(Line, { color: chartConstants.COLOR_3, d: 'M0,60 L120,60' }),
React.createElement(Line, { color: chartConstants.COLOR_4, d: 'M0,80 L120,40' }),
React.createElement(Line, { color: chartConstants.COLOR_5, d: 'M0,100 L120,20' }),
React.createElement(Line, { color: chartConstants.COLOR_6, d: 'M0,120 L120,0' })),
React.createElement("svg", { width: 200, height: 120 },
React.createElement(Line, { isDotted: true, color: chartConstants.COLOR_0, d: 'M0,0 L120,120' }),
React.createElement(Line, { isDotted: true, color: chartConstants.COLOR_1, d: 'M0,20 L120,100' }),
React.createElement(Line, { isDotted: true, color: chartConstants.COLOR_2, d: 'M0,40 L120,80' }),
React.createElement(Line, { isDotted: true, color: chartConstants.COLOR_3, d: 'M0,60 L120,60' }),
React.createElement(Line, { isDotted: true, color: chartConstants.COLOR_4, d: 'M0,80 L120,40' }),
React.createElement(Line, { isDotted: true, color: chartConstants.COLOR_5, d: 'M0,100 L120,20' }),
React.createElement(Line, { isDotted: true, color: chartConstants.COLOR_6, d: 'M0,120 L120,0' }))));
},
});