Bills
What is due this month, quick ways to pay a new bill by category, and the person's bills with a due or paid tag.
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 billsAlso works with shadcn:
npx shadcn@latest add @ritla/bills
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The header, the category actions and the bill rows follow the reading direction: icons on the start side, amounts on the end.
Does not mirror
- The category icons (lightning, drop, phone, Wi-Fi) are not directional and stay as drawn.
- Amounts, account and phone numbers stay one left-to-right run.
- Numerals
- Amounts, the paid count and due dates follow the numerals setting.