Back to Woocommerce

README

packages/js/components/src/order-status/README.md

10.8.0-dev606 B
Original Source

OrderStatus

Use OrderStatus to display a badge with human-friendly text describing the current order status.

Usage

jsx
const order = { status: 'processing' }; // Use a real WooCommerce Order here.

<OrderStatus order={ order } />

Props

NameTypeDefaultDescription
orderObjectnull(required) The order to display a status for. See: https://woocommerce.github.io/woocommerce-rest-api-docs/#order-properties
classNameStringnullAdditional CSS classes
orderStatusMapObject{}A map of order status to human-friendly label.