lucid-ui/lib/components/TextField/examples/basic.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { Button, TextField } from '../../../index';
var style = {
  marginBottom: '10px'
};
export default createClass({
  getInitialState: function getInitialState() {
    return {
      value: ''
    };
  },
  render: function render() {
    var _this = this;

    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextField, {
      style: style,
      placeholder: "default",
      value: this.state.value,
      onChange: function onChange(value) {
        return _this.setState({
          value: value
        });
      }
    }), /*#__PURE__*/React.createElement(TextField, {
      isMultiLine: true,
      placeholder: "isMultiLine",
      style: style,
      value: this.state.value,
      onChange: function onChange(value) {
        return _this.setState({
          value: value
        });
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: style
    }, "this.state.value: ", this.state.value), /*#__PURE__*/React.createElement(Button, {
      onClick: function onClick() {
        _this.setState({
          value: 'foo'
        });
      }
    }, "Set TextField to \"foo\""));
  }
});