Direction

Installation#

1. Install the dependencies

   npm install radix-ui

2. Copy the source into your project

   components/ui/direction.tsx

   "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.useDirectionexport { DirectionProvider, useDirection }

3. Make sure the foundation is in place

   Components read their colors, radius and surfaces from the tokens in app/globals.css. See Theming.

Usage#

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