Cart

Get Ritla UI

The cart: lines with quantity and remove beside the Order summary with a promo code and checkout. Subtotal, VAT and total are worked out from the lines.

Open in Figma

Preview

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

Installation

Add the block
$ npx ritla add cart
Also works with shadcn: npx shadcn@latest add @ritla/cart

Pricing

Built from

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

Cart Item
Link
Order Summary
Payment Mark

Arabic and RTL notes

Mirrors

The lines are on the right and the summary on the left; amounts sit at the left of each row.

Does not mirror

Photos and amounts never mirror.

Numerals: Totals are rounded in minor units, so a fils or halala never goes missing.