Skip to content

Order Confirmation

Get Ritla UI

Order confirmed: a success mark, delivery, address and payment, the delivery progress, totals and two actions.

Preview

Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.

EnglishMirroredArabic
DesktopMobile
LTR →

Installation

  1. Add the block

    npx ritla add order-confirmation

    Also works with shadcn: npx shadcn@latest add @ritla/order-confirmation

Pricing

Built from

The Ritla UI components this block is made of. Each is installed with it.

Arabic and RTL notes

Mirrors

  • The three detail cells and the progress steps run from the right.

Does not mirror

  • The check never mirrors; the order number and email stay left to right.