lucid-ui
Version:
A UI component library from AppNexus.
21 lines (20 loc) • 992 B
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", 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)));
},
});