Split bill
One bill split evenly to the fils, what has been collected, who has paid and a reminder for the rest.
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 split-billAlso works with shadcn:
npx shadcn@latest add @ritla/split-bill
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The collected bar fills from the start: from the right in Arabic.
- Each person's row and status tag follow the reading direction.
Does not mirror
- Shares and the total stay left to right with their currency.
- Numerals
- Shares add up to the total exactly: any leftover fils go to the first people. Amounts follow the numerals setting.
- Mixed-direction text
- Names and the bill's title take their own direction, so an English name sits cleanly in an Arabic list.