Components/Direction

Direction

A composable direction primitive for modern product interfaces.

Base UI

واجهة من اليمين إلى اليسار

DirectionProvider keeps layout and interactions aligned.

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add direction

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx

import { DirectionProvider } from "@/components/quack/direction"

<DirectionProvider direction="rtl"><div>واجهة عربية</div></DirectionProvider>