> Native Solid 2 fork. Original documentation and designs © WorkOS; historical posts retain their original context.

# Direction Provider

Wraps your app to provide global reading direction.

## Features

- Enables all primitives to inherit global reading direction.

## Anatomy

Import the component.

```jsx
import { Direction } from "@radix-solid/primitives";

export default () => <Direction.Provider dir="rtl" />;
```

## API Reference

### Provider

When creating localized apps that require right-to-left (RTL) reading direction, you need to wrap your application with the `Direction.Provider` component to ensure all of the primitives adjust their behavior based on the `dir` prop.

| Prop                                                                                             | Type   | Default |
| ------------------------------------------------------------------------------------------------ | ------ | ------- |
| `dir`The global reading direction of your application. This will be inherited by all primitives. | `enum` | —       |

## Example

Use the direction provider.

```jsx
import { Direction } from "@radix-solid/primitives";

export default () => <Direction.Provider dir="rtl">{/* your app */}</Direction.Provider>;
```