Skip to Content

direction

ui

A provider to set the text direction for the application.

Source Code

View the full component source code below.

"use client"

import * as React from "react"
import { Direction } from "radix-ui"

function DirectionProvider({
  dir,
  direction,
  children,
}: React.ComponentProps<typeof Direction.DirectionProvider> & {
  direction?: React.ComponentProps<typeof Direction.DirectionProvider>["dir"]
}) {
  return (
    <Direction.DirectionProvider dir={direction ?? dir}>
      {children}
    </Direction.DirectionProvider>
  )
}

const useDirection = Direction.useDirection

export { DirectionProvider, useDirection }

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/direction

Dependencies

radix-ui

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/direction

Source

components/ui/direction.tsx