a2ui-shadcn logoa2ui-shadcn
DocsPlayground

Resources

  • Documentation
  • Playground
  • A2UI Protocol

Community

  • GitHub
  • Issues
  • shadcn/ui

More

  • Tailwind CSS
  • Next.js
  • React

a2ui-shadcn.shahnazar.me

Created by Reza Shahnazar

Getting Started

  • Introduction
  • Installation
  • Usage

Components

  • Components
    Layout
    ColumnRowCard
    Content
    Text
    Input
    TextFieldCheckBox
    Interactive
    Button
    Feedback
    Badge

Reactivity & Actions

  • Actions
  • Transport

Styling

  • Theming
  • RTL Support

Advanced

  • Custom Components
  • API Reference
  1. Home
  2. /Docs
  3. /Rtl
IntroductionInstallationUsageComponentsThemingRTL SupportCustom ComponentsActionsTransportAPI Reference

RTL Support

Enable right-to-left (RTL) layouts for Arabic, Hebrew, Persian, and other RTL languages in a2ui-shadcn.

RTL Layout Support

Full right-to-left layout support for international applications.

Enable RTL

tsx

Setup

Initialize shadcn/ui with RTL:

bash

Or migrate existing project:

bash

Agent-Controlled Direction

json

Dynamic Direction

tsx

Component Behavior

All components automatically adapt to RTL:

  • Text alignment flips
  • Layout direction reverses
  • Icons mirror appropriately
Previous
Theming
Next
Custom Components