# gt-react: General Translation React SDK: useLocaleDirection
URL: https://generaltranslation.com/es/docs/react/api/helpers/use-locale-direction.mdx
---
title: useLocaleDirection
description: Referencia de API para el hook useLocaleDirection
---

{/* GENERADO AUTOMÁTICAMENTE: No edites directamente. En su lugar, edita la plantilla en content/docs-templates/. */}


## Resumen

El hook `useLocaleDirection` obtiene la dirección del texto (`'ltr'` o `'rtl'`) de la configuración regional actual o de una configuración regional especificada a partir del [contexto de `<GTProvider>`](/docs/react/api/components/gtprovider).

<Callout>
  `useLocaleDirection` es un hook del lado del cliente y *solo puede usarse en componentes del lado del cliente*.
  Asegúrate de que tu aplicación esté envuelta en un [`<GTProvider>`](/docs/react/api/components/gtprovider).
</Callout>

Para usarlo del lado del servidor, consulta [`getLocaleDirection`](/docs/react/api/helpers/get-locale-direction).

## Referencia

### Parámetros

| Parámetro | Tipo                | Descripción                                                                                                                                           |
| --------- | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
| `locale`  | `string` (opcional) | Un código de configuración regional BCP 47 (p. ej., `'ar'`, `'en-US'`). Si se omite, se usa la configuración regional actual definida en el contexto. |

### Devuelve

`'ltr' | 'rtl'` — La dirección del texto de la configuración regional.

***

## Ejemplos

### Obtener la dirección para la configuración regional actual

```jsx title="DirectionWrapper.jsx" copy
'use client';
import { useLocaleDirection } from 'gt-react';

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


### Obtener la dirección del texto para una configuración regional específica

```jsx title="SpecificDirection.jsx" copy
'use client';
import { useLocaleDirection } from 'gt-react';

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

***


## Notas

* A diferencia de [`getLocaleDirection`](/docs/react/api/helpers/get-locale-direction), que se ejecuta del lado del servidor, este hook siempre es sincrónico.
* Útil para establecer el atributo `dir` en los elementos y añadir compatibilidad con RTL.

## Siguientes pasos

* Obtén más información sobre la compatibilidad con RTL en la [guía de derecha a izquierda](/docs/react/guides/rtl).
* Consulta [`getLocaleDirection`](/docs/react/api/helpers/get-locale-direction) para conocer el equivalente del lado del servidor.