Cards
A stack of payment cards with a pager, freeze and PIN actions, card info with copy, and the card's controls.
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
Add the block
npx ritla add cardsAlso works with shadcn:
npx shadcn@latest add @ritla/cards
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The quick actions, info rows and switches follow the reading direction.
Does not mirror
- A card face is printed left to right, so it stays that way.
- The card number and expiry stay one left-to-right run.
- Numerals
- The card number and expiry follow the numerals setting off the card; the card face keeps Western digits, as printed.