A provider to set the text direction for the application.
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 }
npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/directionFetch this component's metadata and source code from the registry API.
/api/v1/ui/directioncomponents/ui/direction.tsx