Skip to content
ENالعربية

Content section

Get Ritla UI

Long-form text: an article column with subheadings, a checklist, a pull quote and a figure; paragraphs beside a picture; or a heading beside a paragraph and three values.

Open in Figma

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 →

Two column text

EnglishMirroredArabic
DesktopMobile
LTR →

Installation

  1. Add the block

    npx ritla add content-section

    Also works with shadcn: npx shadcn@latest add @ritla/content-section

Pricing

Arabic and RTL notes

Mirrors

  • Text starts on the right; the pull quote's rule stands on its right edge; the picture sits on the left.

Does not mirror

  • The check mark and the value icons.
Mixed-direction text
Checklist items set their own direction, so an IBAN or a product name stays readable.