Direction

Use DirectionProvider to set the reading direction for RTL support.

import { useState } from 'react';
import { DirectionProvider, Button } from '@tile-ui/react';

export default function DirectionDemo() {
	const [rtl, setRtl] = useState(false);

Registry install

pnpm dlx shadcn@latest add @tile-ui/direction

Package usage

import { DirectionProvider } from '@tile-ui/react';
 
<DirectionProvider dir="rtl">
	<App />
</DirectionProvider>

Highlights

• LTR and RTL
• Context-based

Registry dependencies

API reference

DirectionProvider

Related docs

• Sidebar
• Form
• Message