c611635179
* Shipping and collection method block package support (https://github.com/woocommerce/woocommerce-blocks/pull/7383) * Shipment wordage * Hide panel if collection is not available for an item * Update selection when displayed * Register a global local pickup method for the block based checkout (https://github.com/woocommerce/woocommerce-blocks/pull/7414) * Register a blocks local pickup method globally * Remove local pickup plucking from store api * Multiple pickup locations * Unused code * Translate meta data * Update UI to match zones table * Description * Handle new shipping method in client * Improve location rendering * Only split out pickup location methods * Fix enabled toggle * Show and hide shipping text in sidebar based on pickup * No need for "from" when min and max are the same price * Update sample data for the editor * fix errors * Force method/pickup in the checkout layout (https://github.com/woocommerce/woocommerce-blocks/pull/7910) * Split up ShippingRatesControl for readability * Alignment styling * Split tidy packages for readability * Combine hooks to prevent circular dependency * Notice styling * Conflict * Hide notice with 1 package Co-authored-by: Nadir Seghir <nadir.seghir@gmail.com> |
||
|---|---|---|
| .. | ||
| button | ||
| checkbox-control | ||
| discounts-meta | ||
| error-boundary | ||
| label | ||
| 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.