sfida-change-language-component
v0.1.29
Published
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 rica
Downloads
75
Readme
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