README.md

3## @anterofy/language-selector

Kevyt, uudelleenkäytettävä kielivalitsin React-komponentti.
Komponentti lukee kielet ja master-kielen i18n-core–rajapinnasta (ei kovakoodattuja koodeja) ja emittoi valitun kielen ylöspäin.

• ✅ Ei duplikaatteja: käyttää @anterofy/i18n-core -paketin julkista rajapintaa
• ✅ Controlled/Uncontrolled -tuki (value + onChange tai sisäinen tila)
• ✅ A11y: aria-label="Language selector"
• ✅ TypeScript-tyypit mukana

Asennus

pnpm add @anterofy/language-selector @anterofy/i18n-core
# tai
npm i @anterofy/language-selector @anterofy/i18n-core
# tai
yarn add @anterofy/language-selector @anterofy/i18n-core


Vaatimukset: React 18/19, TypeScript suositeltu.


Nopea aloitus
```TypeScript
import React, { useState } from "react";
import { LanguageSelector } from "@anterofy/language-selector";
import { getTranslation } from "@anterofy/i18n-core";

export default function Example() {
  const [lang, setLang] = useState<string>("fi");

  return (
    <div style={{ padding: 24 }}>
      <h1>Language Selector demo</h1>

      <LanguageSelector
        value={lang}
        onChange={setLang}
        showFlags
        className="my-select"
      />

      <p style={{ marginTop: 12 }}>
        Valittu kieli: <strong>{lang || "(ei valintaa)"} </strong>
      </p>

      {/* Esimerkki käännöksen hakemisesta (oikeassa sovelluksessa tee tämä esim. effectissä) */}
      {/* const text = await getTranslation("hello", lang, "common"); */}
    </div>
  );
}

Vinkki testaukseen: jos haluat nopeasti nähdä valitun kielen koodin sovelluksessa, lisää yllä oleva “Valittu kieli” -pätkä omaan App.tsx-tiedostoosi.

API

LanguageSelector (default export & nimetty export)

Props