# Direction Provider

Wraps your app to provide global reading direction.

## Features

- Enables all primitives to inherit global reading direction.

## [Anatomy](#anatomy)

Import the component.

```jsx
import { Direction } from "radix-ui";

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

## [API Reference](#api-reference)

### [Provider](#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` | `enum` | No default value |

## [Example](#example)

Use the direction provider.

```jsx
import { Direction } from "radix-ui";

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

<!--$-->

<!--/$-->