woocommerce/plugins/woocommerce-admin/client/components/search
Kelly Dwan e19aff2169 Components: Add a search component based on Autocomplete (https://github.com/woocommerce/woocommerce-admin/pull/322)
* Add `Search` & `Tag` components

* Fork the Autocomplete component to support a single completer & input field

* Add results inline, not as popover

* Highlight search term in results list

* Check if the item is already selected

* Update docs

* Remove unused properties

* Remove temporary max-width

Once merged, we can tweak real styles

* Use stringifyQuery
2018-08-28 15:15:24 -04: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 Components: Add a search component based on Autocomplete (https://github.com/woocommerce/woocommerce-admin/pull/322) 2018-08-28 15:15:24 -04: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 Components: Add a search component based on Autocomplete (https://github.com/woocommerce/woocommerce-admin/pull/322) 2018-08-28 15:15:24 -04: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.