UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

48 lines 1.95 kB
"use strict"; var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); 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 index_1 = require("../../../index"); var index_2 = require("../../../index"); var style = { marginBottom: '10px', marginTop: '10px', }; var default_1 = /** @class */ (function (_super) { __extends(default_1, _super); function default_1(props) { var _this = _super.call(this, props) || this; _this.state = { value: '', percentComplete: 95, }; return _this; } default_1.prototype.render = function () { var _this = this; return (react_1.default.createElement("div", null, "Enter % complete:", react_1.default.createElement(index_2.TextField, { style: style, value: this.state.value, onSubmit: function (value) { return _this.setState({ percentComplete: value, value: '' }); } }), react_1.default.createElement(index_1.ProgressBar, { percentComplete: this.state.percentComplete }))); }; return default_1; }(react_1.default.Component)); exports.default = default_1; //# sourceMappingURL=1.basic.js.map