# Checkout

> Order summary with VAT and delivery, Apple Pay and Google Pay, then a card, and one Pay button with the total.

Source: https://ritla.app/ui/blocks/checkout

Live preview: https://ritla.app/_kanz/preview/ltr/block-checkout

## Installation

Installing from the registry opens at launch. These are the commands you will run.

```bash
npx ritla add checkout
```

With the shadcn CLI instead:

```bash
npx shadcn@latest add @ritla/checkout
```

## Built from

- [Alert](https://ritla.app/ui/alert.md)
- [Button](https://ritla.app/ui/button.md)
- [Card Details](https://ritla.app/ui/card-details.md)
- [Checkbox](https://ritla.app/ui/checkbox.md)
- [Input](https://ritla.app/ui/input.md)
- [Payment Buttons](https://ritla.app/ui/payment-buttons.md)

## Arabic and RTL notes

Mirrors:

- The summary rows put the amount at the left in Arabic.

Does not mirror:

- The card number, expiry and security code stay one left-to-right group.
- Apple Pay and Google Pay write their own words and never mirror.

Numerals: Prices, VAT and the total follow the numerals setting; SAR and AED show two decimals, JOD three.