lucid-ui
Version:
A UI component library from AppNexus.
23 lines (22 loc) • 737 B
JavaScript
import React from 'react';
import { ProgressBar } from '../../../index';
import { TextField } from '../../../index';
const style = {
marginBottom: '10px',
marginTop: '10px',
};
export default class extends React.Component {
constructor(props) {
super(props);
this.state = {
value: '',
percentComplete: 95,
};
}
render() {
return (React.createElement("div", null,
"Enter % complete:",
React.createElement(TextField, { style: style, value: this.state.value, onSubmit: value => this.setState({ percentComplete: value, value: '' }) }),
React.createElement(ProgressBar, { percentComplete: this.state.percentComplete })));
}
}