1c6fe0e970
* Disable compare button if less than 2 items are selected * Add a placeholder prop to the Search component * Pass a placeholder label from filter configs for Search * Add support for a label in Search * Add Clear All link to reset comparison card * Add a label when compare button is disabled * Abstract the conditional tooltip/disabled button logic to a new component * Add helpText as a customizable label * Add icon to the search field * Remove the parameter from query by passing in undefined |
||
|---|---|---|
| .. | ||
| 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.selected: An array of objects describing selected values.