lucid-ui

Version:
A UI component library from AppNexus.
22 lines • 1.18 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SearchField } from '../../../index';
export default createClass({
    getInitialState: () => ({}),
    render() {
        return (React.createElement("div", null,
            React.createElement(SearchField, { placeholder: 'Name/ID' },
                React.createElement(SearchField.TextField, { value: this.state.value, onSubmit: (submission) => this.setState({ submission }), onChange: (value) => this.setState({ value }), onKeyDown: ({ event: { key } }) => this.setState({ key }), onBlur: (lastValue) => this.setState({ lastValue }) })),
            React.createElement("div", { style: { marginTop: '10px', marginLeft: '10px' } },
                React.createElement("div", null,
                    "Hit \"enter\" to submit: ",
                    this.state.submission),
                React.createElement("div", null,
                    "Last keydown: ",
                    this.state.key),
                React.createElement("div", null,
                    "Value on blur: ",
                    this.state.lastValue))));
    },
});
//# sourceMappingURL=06.custom-text-field.js.map