Skip to content
ENالعربية

Bill detail

Beta
Get Ritla UI

One bill: the biller, the amount and when it is due, its details, the account to pay from, automatic payment and Pay.

Open in Figma

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 bill-detail

    Also works with shadcn: npx shadcn@latest add @ritla/bill-detail

Pricing

Built from

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

Arabic and RTL notes

Mirrors

  • The back arrow, the detail rows, the account chips and the switch follow the reading direction.

Does not mirror

  • The subscriber number, the usage and every amount stay left to right.
Numerals
Amounts, the subscriber number and the days until due follow the numerals setting; Arabic counts the days in its own grammar (يومان، 3 أيام، 11 يومًا).