Wallet home
The home screen of a wallet app: greeting, wallet switcher, balance card, quick actions, spending chart, recent activity and an offer.
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 wallet-homeAlso works with shadcn:
npx shadcn@latest add @ritla/wallet-home
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The header, quick actions, cards and activity rows follow the reading direction.
- The spending chart's months run with the page: right to left in Arabic.
Does not mirror
- Balances, amounts and the account number stay one left-to-right run with their sign and currency.
- Numerals
- Every amount follows the numerals setting; JOD shows three decimals (fils), USD and EUR two.
- Mixed-direction text
- In Arabic the currency follows the amount as its Arabic symbol (د.أ); in English the ISO code leads.