Skip to content

Savings

Beta
Get Ritla UI

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

  1. Add the block

    npx ritla add savings

    Also works with shadcn: npx shadcn@latest add @ritla/savings

Pricing

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.