Crema React
v-3
v-3
  • About Crema
  • Crema 4.x (Next version)
  • Overview
    • Crema Overview
    • Folder Structure
      • @crema
      • page
      • redux
      • shared
      • types
    • GitHub Access
    • Slack Community
    • Figma File
  • Development
    • Installation
      • Pre-Requisites
      • Installing Crema
    • Route Overview
    • Add New Route
    • Auth User
    • Authentication Methods
    • API Calls
    • Multilingual
      • Adding New Language
      • Changing Language
    • Style Framework
  • MUI
    • Theme Color
    • Sidebar Configuration
      • Adding New Menu
      • Menu Color Theme
    • Navigation Style
    • Footer Configuration
      • Footer
      • Footer Type
    • Template Mode
    • Template Direction
  • Next-Js
    • About Next.JS
    • Folder Structure
    • Installing Next jS
    • Authentication
    • Add New Route
    • Deploy to server
  • FAQ
  • React Bootstrap
    • About React-Bootstrap
    • Styled Framework
    • RTL
    • Dark Theme
  • ANT Design
    • About Crema Ant
    • Style Framework
  • Servers
    • Python
    • Laravel
    • Mongoose
  • Credits
  • Crema V-2
Powered by GitBook
On this page

Was this helpful?

  1. Development
  2. Multilingual

Changing Language

You will find a Language selector in the header, click on that and select the language of your choice.

Last updated 3 years ago

Was this helpful?

Changing Language in run time:-‌

You will find a Language selector in the header, click on that and select the language of your choice.

Changing Language in development mode (setting default Language):-

To set the default language, go to the following file and update the locale object

src/@crema/utility/AppContextProvider/defaultConfig.js


  locale: {
    languageId: 'english',
    locale: 'en',
    name: 'English',
    icon: 'us',
  },

You have to replace this object with any accepted value in order to set your language as the default locale. You can get the list of accepted values by opening following file having path:-

src/@crema/core/AppLngSwitcher/data.js

const languageData = [
  {
    languageId: 'english',
    locale: 'en',
    name: 'English',
  },
  {
    languageId: 'chinese',
    locale: 'zh',
    name: '中国人',
  },
  {
    languageId: 'spanish',
    locale: 'es',
    name: 'Español',
  },
  {
    languageId: 'french',
    locale: 'fr',
    name: 'français',
  },
  {
    languageId: 'italian',
    locale: 'it',
    name: 'Italiano',
  },
  {
    languageId: 'arabia',
    locale: 'ar',
    name: 'عربي',
  },
];
export default languageData;