Team section
The people behind the product: a grid of member cards, leadership cards with a bio, or an avatar group and a hiring button beside a picture.
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
Leadership with bio
EnglishMirroredArabic
DesktopMobile
LTR →
Split with illustration
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add team-sectionAlso works with shadcn:
npx shadcn@latest add @ritla/team-section
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The grid starts on the right; the avatar group overlaps toward the left; the avatar sits to the right of the name.
Does not mirror
- Initials keep their own script and order.