woocommerce/plugins/woocommerce-blocks/packages/checkout/components

Checkout - Components

A library of components to be used for creating common UI elements shared between features of the WooCommerce Cart and Checkout Blocks.

Table of Contents

• Usage

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.