Back to Woocommerce

OrderStatus

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

10.9.0-dev649 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 the Order properties documentation.
classNameStringnullAdditional CSS classes
orderStatusMapObject{}A map of order status to human-friendly label.