Metrics section
Numbers that prove the product: four centred stats, stat cards beside a picture, or the numbers on the brand colour with an action.
Preview
Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.
EnglishMirroredArabic
DesktopMobile
LTR →
Examples
Split with illustration
EnglishMirroredArabic
DesktopMobile
LTR →
Brand panel
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add metrics-sectionAlso works with shadcn:
npx shadcn@latest add @ritla/metrics-section
Arabic and RTL notes
Mirrors
- Stats run from the right; the picture sits on the left and the action at the left end of the heading row.
Does not mirror
- Each number reads as written, its % sign included.
- Numerals
- Figma keeps the numbers in Western digits in Arabic; they are your strings, so you choose.