796e952b92
* Align the font-size of checkbox-control component to the price slider amount * Align the font-size of Price Slider Button to the price slider amount * Align the font-size of Filter Reset Button to the price slider amount * Align the font-size of Clear All Button to the price slider amount * Align the font-size of Apply button in Editor to the price slider amount * Align the font-size of Apply button in Frontend to the price slider amount * Align the font-size of Price Slider Amount to the standard size * Align the font-size of Active Filter chips to the price slider amount * Align the font-size of Filter by Price (text) to the price slider amount * Align the font-size of Filter by Attribute (dropdown) to the price slider amount * Align the font-size of placeholder of Filter by Attribute (dropdown) to the price slider amount * Change font-size for text in filters from font-size(smaller) to font-size(smaller) As a result of discussion in PR it was agreed to check the styles with bigger font size hence the change * Align the font-size of input text of Filter by Attribute (dropdown) to the price slider amount * Change margin-right of checkbox-control to relative value so it better adapts to the fonts |
||
|---|---|---|
| .. | ||
| button | ||
| checkbox-control | ||
| discounts-meta | ||
| error-boundary | ||
| label | ||
| order-meta | ||
| order-shipping-packages | ||
| panel | ||
| 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.