Transactions
Money in and out this month, filter chips, a search and the transactions grouped by day.
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 transactionsAlso works with shadcn:
npx shadcn@latest add @ritla/transactions
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The header, filter chips and transaction rows follow the reading direction.
Does not mirror
- Each amount keeps its sign in front of the number: one left-to-right run.
- Numerals
- Amounts and times follow the numerals setting.
- Mixed-direction text
- The search matches names in either language; a merchant's English name in an Arabic list stays isolated.