Savings
Everything saved with this month's change, this year's goal as a gauge, the goals two by two and round-ups.
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 savingsAlso works with shadcn:
npx shadcn@latest add @ritla/savings
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The goal gauge and the goal bars fill from the start: from the right in Arabic.
- The header, the goal grid and the round-ups switch follow the reading direction.
Does not mirror
- Every amount stays one left-to-right run with its currency and sign.
- Numerals
- Amounts and percentages follow the numerals setting; the total keeps JOD's three decimals.