e30c0f5463
* Add validateOnFirstFocus prop * Only run validation on first focus if validateOnFirstFocus is true * Rename validateOnFirstFocus to validateOnMount * Set TotalsCoupon to not validate when the input is mounted * Add tests for validation error handling * Fix test that was not making a good assertion * Add tests for validateOnMount functionality * Clean up validateOnMount logic, make the code more readable & efficient |
||
|---|---|---|
| .. | ||
| button | ||
| checkbox-control | ||
| discounts-meta | ||
| error-boundary | ||
| label | ||
| order-local-pickup-packages | ||
| order-meta | ||
| order-shipping-packages | ||
| panel | ||
| store-notice | ||
| store-notices-container | ||
| text-input | ||
| totals | ||
| totals-wrapper | ||
| validation-input-error | ||
| 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.