a07cc3c978
* Update Filter by Stock controls and UI to include custom checkbox and settings. * Include and style Filter by Stock reset button * Make checkbox accessible via keyboard * Update snapshot tests for Filter Products by Stock component * Update E2E tests with new label value * Update label test for Apply Filters in E2E tests * Specify checkbox type so styles are not overridden in the editor * Update E2E test label for filter button * Update label selector to search for containing text rather than exact match * Escape quotation marks for label query in E2E shopper tests for Filter by Stock * Correct typo on Filter by Stock controls * Replace custom checkbox with CheckboxControl component from the checkout package. * Remove opacity on product count for checkbox label so its the same color as the label. * Update snapshot tests with new component usage for filter by stock * Update block title from Filter Products by Stock to Filter by Stock * Update reset button behaviour to clear selections immediately regardless of whether the Apply Filters button is active or not. * Pass option value as ID to satisfy E2E tests * Update snapshot tests for stock filter * Reset checked state on reset for when they have filters checked but not applied. |
||
|---|---|---|
| .. | ||
| button | ||
| checkbox-control | ||
| discounts-meta | ||
| error-boundary | ||
| label | ||
| order-meta | ||
| order-shipping-packages | ||
| panel | ||
| totals | ||
| totals-wrapper | ||
| README.md | ||
| index.js | ||
README.md
Components
A library of components to be used for creating common UI elements shared between features of the WooCommerce Cart and Checkout Blocks.
Usage
When WooCommerce Blocks is installed and activated, these components can be accessed by importing from the blocks-checkout package.
// Aliased import
import { Button } from '@woocommerce/blocks-checkout';
// Global import
// const { Button } = wc.blocksCheckout;
export default function MyButton() {
return <Button>Click Me!</Button>;
}
These components are here so they can be consumed by extensions.
We're hiring! Come work with us!
🐞 Found a mistake, or have a suggestion? Leave feedback about this document here.