sfida-change-language-component v0.1.29

Select Language Component

Il componente "Select Language" è un componente riutilizzabile che consente all'utente di selezionare la lingua desiderata. La selezione della lingua verrà salvata in modo persistente nel browser dell'utente, in modo che venga mantenuta anche dopo il ricaricamento della pagina.

Installazione

Il componente può essere installato da terminale con il comando

    npm install sfida-change-language-component  

Il file principale che richiama tutto il componente può essere sia importato come cjs sia come esm

    import ChangeLanguageComponent from 'sfida-change-language-component/cjs';

    //oppure

    import ChangeLanguageComponent from 'sfida-change-language-component/esm';

    import ChangeLanguageComponent from 'sfida-change-language-component/cjs';

    const allOptions = [
    
      {    
        name: "Italiano",
        code: "IT",
        title: "Lingua",
    },
    {
        name : "English",
        code: "US",
        title: "Language"

    },
    {
        name: "Español",
        code: "ES",
        title: "Idioma"
    },
    
  ]

    <ChangeLanguageComponent allOptions={allOptions} selectedOption={allOptions[0]}/>

##PROPS

Per funzionare il componente ha bisogno di due parametri, allOptions che conterrà un array di oggetti con tutte le lingue selezionabili, ognunga con name (il nome della lingua), code (il code che verrà salvato in locale e permetterà la selezione della bandiera corretta) e title (il label che sarà presente sul componente). E selectedOption sarà il valore di default del componente, che verrà settato e gestito nel provider interno

##Bandiere

La lista delle bandiere e dei codici collegati sono a questo link

https://purecatamphetamine.github.io/country-flag-icons/3x2/index.html