woocommerce/plugins/woocommerce-admin/client/components/search
Paul Sealock ab97ed02c7 Search: move selected from state to props 2018-09-04 12:02:40 +12:00
..
autocompleters Components: Add a search component based on Autocomplete (https://github.com/woocommerce/woocommerce-admin/pull/322) 2018-08-28 15:15:24 -04:00
README.md Search: move selected from state to props 2018-09-04 12:02:40 +12:00
autocomplete.js Components: Add a search component based on Autocomplete (https://github.com/woocommerce/woocommerce-admin/pull/322) 2018-08-28 15:15:24 -04:00
index.js Search: move selected from state to props 2018-09-04 12:02:40 +12:00
style.scss Components: Add a search component based on Autocomplete (https://github.com/woocommerce/woocommerce-admin/pull/322) 2018-08-28 15:15:24 -04:00

README.md

Search

A search box which autocompletes results while typing, allowing for the user to select an existing object (product, order, customer, etc). Currently only products are supported.

Usage

import { Search } from '@woocommerce/components';

class MySearchBox extends Component {
	updateLocalValue( results ) {
		// Do whatever with results.
	}
	render() {
		return (
			<Search type="products" onChange={ this.updateLocalValue } />
		);
	}
}
  • onChange: Function called when selected results change, passed result list.
  • type (required): Which object type to search, can be one of customers, orders, or products.
  • selected: An array of objects describing selected values.