GithubX

Direction

Sets the text direction for your app.

/docs/install

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/direction.json

## usage

import { Button } from "@/components/ui/button";
import { DirectionProvider } from "@/components/ui/direction";
<DirectionProvider direction={direction}>
  <div dir={direction} className="flex items-center gap-[1ch]">
    <Button variant="ghost">Back</Button>
    <span>/</span>
    <span>docs</span>
    <span>/</span>
    <span className="text-primary">install</span>
    <Button variant="ghost">Next</Button>
  </div>
</DirectionProvider>