Direction — Vue

RTL/LTR wrapper: sets dir on a container for bidirectional content

Direction

RTL/LTR wrapper: sets dir on a container for bidirectional content

Same BEM classes and behavior as Astro, Svelte, and React.

Add this component

Run the command below in your project directory. When prompted, select the component(s) you want. The CLI will copy the CSS and component files.

Choose your package manager — click a tab to select, then copy the command.

npm pnpm yarn bun

Live examples

Vue

Right-to-left content here.

Usage

Usage

Full example for each framework (Astro, Vanilla, Svelte, Vue, React). Switch framework via View as or by clicking a Usage tab—both stay in sync.

Astro Vanilla Svelte Vue React

Other frameworks: Astro · Vanilla · Svelte · React