Skip to content

Newsletter section

Get Ritla UI

An email sign-up: a centred card, a checklist and form beside a picture, or the form on the brand colour.

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

  1. Add the block

    npx ritla add newsletter-section

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

Pricing

Built from

The Ritla UI components this block is made of. Each is installed with it.

Arabic and RTL notes

Mirrors

  • The Subscribe button stands to the left of the field; the picture sits on the left.

Does not mirror

  • The email field is always left to right.
Mixed-direction text
An email address types left to right even in Arabic, so the field sets dir="ltr".