Transfer amount
Pick the account and the recipient, then type the amount on a keypad, with quick amounts and the balance.
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 transfer-amountAlso works with shadcn:
npx shadcn@latest add @ritla/transfer-amount
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The account and recipient chips, the header and the back arrow follow the reading direction.
Does not mirror
- The keypad keeps a phone's layout: 1 2 3 on top, left to right, in Arabic too.
- The amount and the quick amounts stay left to right.
- Numerals
- The amount and balance follow the numerals setting; the keypad accepts up to three decimals for JOD.