e19aff2169
* 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 |
||
---|---|---|
.. | ||
autocompleters | ||
README.md | ||
autocomplete.js | ||
index.js | ||
style.scss |
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 ofcustomers
,orders
, orproducts
.