Inline CTA
A call to action inside app content: a card with a picture, a dismissible banner with an icon, or an upgrade card with the plan's benefits and price.
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
Dismissible banner
EnglishMirroredArabic
DesktopMobile
LTR →
Upgrade card
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add inline-ctaAlso works with shadcn:
npx shadcn@latest add @ritla/inline-cta
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The picture and icon sit on the right, the close button and price on the left.
Does not mirror
- An amount and its currency stay together as one unit.
- Numerals
- The example formats amounts with the numerals setting.