UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

30 lines 2.57 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var react_1 = __importDefault(require("react")); var create_react_class_1 = __importDefault(require("create-react-class")); var index_1 = require("../../../index"); exports.default = create_react_class_1.default({ render: function () { return (react_1.default.createElement("div", null, react_1.default.createElement("svg", { width: 200, height: 120 }, react_1.default.createElement(index_1.Line, { color: index_1.chartConstants.COLOR_0, d: 'M0,0 L120,120' }), react_1.default.createElement(index_1.Line, { color: index_1.chartConstants.COLOR_1, d: 'M0,20 L120,100' }), react_1.default.createElement(index_1.Line, { color: index_1.chartConstants.COLOR_2, d: 'M0,40 L120,80' }), react_1.default.createElement(index_1.Line, { color: index_1.chartConstants.COLOR_3, d: 'M0,60 L120,60' }), react_1.default.createElement(index_1.Line, { color: index_1.chartConstants.COLOR_4, d: 'M0,80 L120,40' }), react_1.default.createElement(index_1.Line, { color: index_1.chartConstants.COLOR_5, d: 'M0,100 L120,20' }), react_1.default.createElement(index_1.Line, { color: index_1.chartConstants.COLOR_6, d: 'M0,120 L120,0' })), react_1.default.createElement("svg", { width: 200, height: 120 }, react_1.default.createElement(index_1.Line, { isDotted: true, color: index_1.chartConstants.COLOR_0, d: 'M0,0 L120,120' }), react_1.default.createElement(index_1.Line, { isDotted: true, color: index_1.chartConstants.COLOR_1, d: 'M0,20 L120,100' }), react_1.default.createElement(index_1.Line, { isDotted: true, color: index_1.chartConstants.COLOR_2, d: 'M0,40 L120,80' }), react_1.default.createElement(index_1.Line, { isDotted: true, color: index_1.chartConstants.COLOR_3, d: 'M0,60 L120,60' }), react_1.default.createElement(index_1.Line, { isDotted: true, color: index_1.chartConstants.COLOR_4, d: 'M0,80 L120,40' }), react_1.default.createElement(index_1.Line, { isDotted: true, color: index_1.chartConstants.COLOR_5, d: 'M0,100 L120,20' }), react_1.default.createElement(index_1.Line, { isDotted: true, color: index_1.chartConstants.COLOR_6, d: 'M0,120 L120,0' })))); }, }); //# sourceMappingURL=basic.js.map