Blog section
The latest posts: three cards with a cover and author line, one featured post beside a list, or minimal rows with a Read more link.
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
Featured and list
EnglishMirroredArabic
DesktopMobile
LTR →
Minimal list
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add blog-sectionAlso works with shadcn:
npx shadcn@latest add @ritla/blog-section
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- Cards start on the right; the date column and covers sit on the right, Read more on the left with its arrow pointing left.
Does not mirror
- The dot between author, date and read time.
- Numerals
- Dates are yours to format; the example uses Arabic month names and the numerals setting.