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.