Документация: Функция getHTMLTextDir в intlayer

    Описание

    Функция getHTMLTextDir определяет направление текста (ltr, rtl или auto) на основе предоставленной локали. Она предназначена для помощи разработчикам в установке атрибута dir в HTML для корректного отображения текста.

    Параметры

    • locale?: Locales

      • Описание: Строка локали (например, Locales.ENGLISH, Locales.ARABIC), используемая для определения направления текста.
      • Тип: Locales (опционально)

    Возвращаемое значение

    • Тип: Dir ('ltr' | 'rtl' | 'auto')
    • Описание: Направление текста, соответствующее локали:
      • 'ltr' для языков с направлением текста слева направо.
      • 'rtl' для языков с направлением текста справа налево.
      • 'auto', если локаль не распознана.

    Пример использования

    Определение направления текста

    typescript
    import { getHTMLTextDir } from "intlayer";getHTMLTextDir(Locales.ENGLISH); // Вывод: "ltr"getHTMLTextDir(Locales.FRENCH); // Вывод: "ltr"getHTMLTextDir(Locales.ARABIC); // Вывод: "rtl"

    Граничные случаи

    • Локаль не указана:

      • Функция возвращает 'auto', если locale имеет значение undefined.
    • Нераспознанная локаль:

      • Для нераспознанных локалей функция по умолчанию возвращает 'auto'.

    Использование в компонентах:

    Функция getHTMLTextDir может быть использована для динамического задания атрибута dir в HTML-документе для корректного отображения текста на основе локали.

    tsx
    import type { FC } from "react";import { getHTMLTextDir, type Locales } from "intlayer";export const HTMLLayout: FC<PropsWithChildren<{ locale: Locales }>> = ({  children,  locale,}) => (  <html dir={getHTMLTextDir(locale)} locale={locale}>    <body>{children}</body>  </html>);

    В приведенном выше примере атрибут dir задается динамически на основе локали.

    Если у вас есть идея по улучшению этой документации, не стесняйтесь внести свой вклад, подав запрос на вытягивание на GitHub.

    Ссылка на документацию GitHub