# Locale Provider

Provides locale context to components for controlling reading direction.

```tsx
import { LocaleProvider } from '@skeletonlabs/skeleton-react';

export default function App() {
	return <LocaleProvider locale="en-US">{/* your app */}</LocaleProvider>;
}
```

## Anatomy

Here's an overview of how the LocaleProvider component is structured in code:

```tsx
import { LocaleProvider } from '@skeletonlabs/skeleton-react';

export default function Anatomy() {
	return <LocaleProvider></LocaleProvider>;
}
```

## API Reference

### Root

| Prop     | Description                            | Type      | Default |
| -------- | -------------------------------------- | --------- | ------- |
| locale   | The locale to use for the application. | string    | 'en-US' |
| children | -                                      | ReactNode | -       |

### Context

| Prop     | Description | Type                          | Default |
| -------- | ----------- | ----------------------------- | ------- |
| children | -           | (locale: Locale) => ReactNode | -       |