Tile UI Vue
Source code

Components

Direction

Direction provider for reading direction.

Use DirectionProvider to set the reading direction for RTL support.

OneTwoThree
import { ref } from 'vue';
import { DirectionProvider } from '@tile-ui/vue';
 
export default defineComponent({
	name: 'DirectionDemo',
	setup() {

Registry install

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

Package usage

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

Highlights

  • LTR and RTL
  • Context-based

Registry dependencies

Item Purpose
direction Component source and module styles
core Framework-agnostic logic helpers
styles Shared SCSS tokens and globals

API reference

DirectionProvider

Prop Type Default
dir 'ltr' | 'rtl' —
PreviousDialogNextDrawer