Direction
blode-ui/directionFreeComponent
A context provider for managing text direction (LTR/RTL) across components.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/mblode/blode-ui/main/public/r/direction.jsonSource
1"use client";23import { DirectionProvider as BaseDirectionProvider } from "@base-ui/react/direction-provider";4import type * as React from "react";56const DirectionProvider = ({7 dir,8 direction,9 children,10 ...props11}: React.ComponentProps<typeof BaseDirectionProvider> & {12 dir?: React.ComponentProps<typeof BaseDirectionProvider>["direction"];13 direction?: React.ComponentProps<typeof BaseDirectionProvider>["direction"];14}) => (15 <BaseDirectionProvider direction={direction ?? dir} {...props}>16 {children}17 </BaseDirectionProvider>18);1920export { DirectionProvider };21// biome-ignore lint/performance/noBarrelFile: intentional re-export of useDirection22export { useDirection } from "@base-ui/react/direction-provider";
What it pulls in
npm packages
Files it writes
More from blode/ui
All 85 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | blode/ui | Components | Free | 2 deps | |
| Alertalert | blode/ui | Components | Free | no deps | |
| Alert Dialogalert-dialog | blode/ui | Components | Free | 1 dep | |
| Ask User Questionsask-user-questions | blode/ui | Components | Free | 1 dep | |
| Aspect Ratioaspect-ratio | blode/ui | Components | Free | 1 dep | |
| Attachmentattachment | blode/ui | Components | Free | 1 dep | |
| Autocompleteautocomplete | blode/ui | Components | Free | 1 dep | |
| Avataravatar | blode/ui | Components | Free | 1 dep |
