# General Translation React SDKs (gt-react, gt-next): useLocaleDirection
URL: https://generaltranslation.com/es/docs/react/reference/hooks/use-locale-direction.mdx
---

title: useLocaleDirection
description: Consulta la dirección del texto de una configuración regional con General Translation gt-react. Referencia de API de useLocaleDirection.

---

El hook `useLocaleDirection` devuelve la dirección del texto — `'ltr'` o `'rtl'` — para la configuración regional actual o para una configuración regional que especifiques.

*Disponible en `gt-react`, `gt-next` y `gt-react-native`. Los ejemplos importan desde `gt-react`; en su lugar, importa desde el paquete de tu framework.*

*Nota: `gt-tanstack-start` no lo exporta.*

## Descripción general [#overview]

Llama a `useLocaleDirection` para obtener la dirección y aplícala con el atributo `dir`.

```tsx
import { useLocaleDirection } from 'gt-react';

export default function DirectionWrapper({ children }) {
  const dir = useLocaleDirection(); // [!code highlight]
  return <div dir={dir}>{children}</div>;
}
```

*Nota: En `gt-react`, llama a `useLocaleDirection` dentro de un [`<GTProvider>`](/docs/react/reference/components/gt-provider). En `gt-next`, también funciona en componentes de servidor síncronos.*

## Cómo funciona [#how-it-works]

Cuando se llama sin argumentos, el hook devuelve la dirección de la configuración regional activa. Pasa un código de configuración regional para obtener la dirección de una configuración regional concreta. Resulta útil para establecer el atributo `dir` y dar soporte a idiomas que se escriben de derecha a izquierda.

## Parámetros [#parameters]

| Parámetro           | Descripción                                      | Type     | Opcional | Predeterminado                |
| ------------------- | ------------------------------------------------ | -------- | -------- | ----------------------------- |
| [`locale`](#locale) | La configuración regional que se va a comprobar. | `string` | Sí       | Configuración regional activa |

### `locale` [#locale]

**Tipo** `string` · **Opcional** · **Predeterminado** Configuración regional activa

Un código de configuración regional BCP 47, como `ar` o `en-US`. Si se omite, se usa la configuración regional activa del contexto.

## Devuelve [#returns]

**Tipo** `'ltr' | 'rtl'`

La dirección del texto para la configuración regional.

## Ejemplos [#examples]

```tsx title="SpecificDirection.tsx"
import { useLocaleDirection } from 'gt-react';

export default function SpecificDirection() {
  const dir = useLocaleDirection('ar'); // 'rtl' [!code highlight]
  return <p>Arabic text direction: {dir}</p>;
}
```

## Notas [#notes]

* En un componente asíncrono de App Router, usa [`getLocaleDirection`](/docs/react/nextjs/reference/functions/get-locale-direction) en su lugar.
* Es útil para establecer el atributo `dir` en los elementos y admitir RTL.