Terima notifikasi tentang rilis Intlayer yang akan datang
    Dibuat:2025-08-23Terakhir diperbarui:2025-08-23

    Dokumentasi: Fungsi getHTMLTextDir di intlayer

    Deskripsi

    Fungsi getHTMLTextDir menentukan arah teks (ltr, rtl, atau auto) berdasarkan locale yang diberikan. Fungsi ini dirancang untuk membantu pengembang mengatur atribut dir di HTML agar teks dapat ditampilkan dengan benar.

    Parameter

    • locale?: Locales
      • Deskripsi: String locale (misalnya, Locales.ENGLISH, Locales.ARABIC) yang digunakan untuk menentukan arah teks.
      • Tipe: Locales (opsional)

    Mengembalikan

    • Tipe: Dir ('ltr' | 'rtl' | 'auto')
    • Deskripsi: Arah teks yang sesuai dengan locale:
      • 'ltr' untuk bahasa yang dibaca dari kiri ke kanan.
      • 'rtl' untuk bahasa yang dibaca dari kanan ke kiri.
      • 'auto' jika locale tidak dikenali.

    Contoh Penggunaan

    Menentukan Arah Teks

    import { getHTMLTextDir } from "intlayer";getHTMLTextDir(Locales.ENGLISH); // Output: "ltr"getHTMLTextDir(Locales.FRENCH); // Output: "ltr"getHTMLTextDir(Locales.ARABIC); // Output: "rtl"

    Kasus Tepi

    • Tidak Ada Locale yang Diberikan:

      • Fungsi mengembalikan 'auto' ketika locale adalah undefined.
    • Locale Tidak Dikenali:

      • Untuk locale yang tidak dikenali, fungsi akan default ke 'auto'.

    Penggunaan dalam Komponen:

    Fungsi getHTMLTextDir dapat digunakan untuk mengatur atribut dir secara dinamis dalam dokumen HTML agar teks dapat dirender dengan benar berdasarkan locale.

    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>);

    Dalam contoh di atas, atribut dir diatur secara dinamis berdasarkan locale.

    Terima notifikasi tentang rilis Intlayer yang akan datang