lucid-ui
Version:
A UI component library from AppNexus.
25 lines (24 loc) • 985 B
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { Button, TextField } from '../../../index';
const style = {
marginBottom: '10px',
};
export default createClass({
getInitialState() {
return {
value: '',
};
},
render() {
return (React.createElement("div", null,
React.createElement(TextField, { style: style, placeholder: 'default', value: this.state.value, onChange: value => this.setState({ value }) }),
React.createElement(TextField, { isMultiLine: true, placeholder: 'isMultiLine', style: style, value: this.state.value, onChange: value => this.setState({ value }) }),
React.createElement("div", { style: style },
"this.state.value: ",
this.state.value),
React.createElement(Button, { onClick: () => {
this.setState({ value: 'foo' });
} }, "Set TextField to \"foo\"")));
},
});