Appearance
NavbarLocaleToggler
NavbarLocaleToggler consists of a menu that displays different languages available for localization that you can choose from.
Usage
File:
src/layouts/components/NavbarLocaleToggler.jsx
jsx
<NavbarLocaleToggler/>Add a new language
To add a language translation, please read the instructions in localization guide.
To add the translated language in the store refer to
src/store/localeSliceand update the initial state as below:
js
const initialState = {
languages: [
{
name: "English",
icon: // react-country-flag,
locale: "en",
},
{
name: "Arabic",
icon: // react-country-flag,
locale: "ar",
},
],
// ...
};