Direction

A direction component for controlling text direction (LTR/RTL) for internationalization support.

1. Import

Import the Direction component from the design system.

import { Direction } from "@/design-system/components/ui/direction"

2. Props

Direction component props.

Prop	Type	Default
dir	"ltr" \| "rtl"	"ltr"
className	string	--

3. Usages

Common Direction patterns and configurations.

Left-to-right text direction

This is the default text direction for most languages.

import { Direction } from "@/design-system/components/ui/direction";

function Example() {
  return (
    <Direction dir="ltr">
      <p>Left-to-right text direction</p>
    </Direction>
  );
}