direction
gr8monk3ys/directionFreeComponent
direction (identity-styled).
Install it
npx shadcn@latest add https://ui.lscaturchio.xyz/r/direction.jsonSource
1"use client"23import * as React from "react"4import { Direction } from "radix-ui"56function DirectionProvider({7 dir,8 direction,9 children,10}: React.ComponentProps<typeof Direction.DirectionProvider> & {11 direction?: React.ComponentProps<typeof Direction.DirectionProvider>["dir"]12}) {13 return (14 <Direction.DirectionProvider dir={direction ?? dir}>15 {children}16 </Direction.DirectionProvider>17 )18}1920const useDirection = Direction.useDirection2122export { DirectionProvider, useDirection }
What it pulls in
npm packages
Files it writes
More from gr8monk3ys
All 69 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | gr8monk3ys | Components | Free | 2 deps | |
| ActiveNavLinkactive-nav-link | gr8monk3ys | Components | Free | no deps · 2 files | |
| alertalert | gr8monk3ys | Components | Free | 1 dep | |
| alert-dialogalert-dialog | gr8monk3ys | Components | Free | 1 dep | |
| aspect-ratioaspect-ratio | gr8monk3ys | Components | Free | 1 dep | |
| attachmentattachment | gr8monk3ys | Components | Free | 2 deps | |
| Avataravatar | gr8monk3ys | Components | Free | 1 dep | |
| Badgebadge | gr8monk3ys | Components | Free | 1 dep |
