FToast

Magyar

English

Magyar

English

Appearance

i18n + nyelv tárolás ​

A FToast i18n célja: default címek, ARIA feliratok, dialógus gombszövegek ne legyenek hardcode-olva.

Nyelv detektálás (auto) ​

Ha lang: "auto", a sorrend:

  1. storage: localStorage/sessionStorage (storage.key)
  2. <html lang="...">
  3. navigator.language
  4. fallbackLang

Storage választás ​

js
FToast.config({ storage: { type: "local", key: "site_lang" } });
  • type: local | session | none
  • key: tetszőleges

Ha nem akarsz tárolást:

js
FToast.config({ storage: { type: "none" } });

Nyelv állítás ​

js
FToast.setLang("hu");

Ez elmenti a storage-be (ha nem none).

Fordítások bővítése ​

js
FToast.addTranslations("hu", {
  "title.success": "Siker",
  "title.error": "Hiba",
  "dialog.cancel": "Mégse",
  "close.aria": "Bezárás"
});

Saját kulcsok ​

Bármilyen kulcsot felvehetsz és template-ben használhatod:

js
FToast.addTranslations("hu", { "custom.retry": "Újrapróbál" });
FToast.setTemplate((ctx) => `
  <div class="p-4">
    <button data-ftclose class="${ctx.classes.btnBase} ${ctx.classes.btn.info}">
      ${ctx.t("custom.retry")}
    </button>
  </div>
`);