> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/mantis-angular/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/mantis-angular/multi-language.md).

# Multi Language

Mantis supports four languages ('en' - English, 'fr' - French, 'ro' - Romanian, 'zh' - Chinese) and can be easily switched from the header bar. The main menu is also internationalised for all four languages. If you wish to add a language or set a default language, please continue reading below\...

## How to change it?

Data for locale files exists at `src/assets/i18n` . You can add new words here in language-specific files.

{% code title="en.json" %}

```json
{
    "dashboard": "Dashboard",
    "default": "Default",
    "analytics": "Analytics",
    ...
    ...
}
```

{% endcode %}

To change the Locale, open the file `src/app/app-config.ts` file and set language

{% code title="" %}

```typescript
export const MantisDefaultConfig: ConfigState = {
  ....
  ....
  i18n: 'en' // en, ro, fr, cn
}
```

{% endcode %}

If you change the locale JSON file, open the file `src/app/theme/shared/custom-translate-loader.ts`  file and set language.

{% code title="src/app/theme/shared/custom-translate-loader.ts" %}

```typescript
// project import
import en from '../../../assets/i18n/en.json';
import fr from '../../../assets/i18n/fr.json';
import ro from '../../../assets/i18n/ro.json';
import cn from '../../../assets/i18n/cn.json';

// third party
import { TranslateLoader } from '@ngx-translate/core';

// angular import
import { of } from 'rxjs';

export class CustomTranslateLoader implements TranslateLoader {
  // public method
  public getTranslation(lang: string) {
    if (lang === 'fr') {
      return of(fr);
    }
    if (lang === 'ro') {
      return of(ro);
    }
    if (lang === 'cn') {
      return of(cn);
    }
    return of(en);
  }
}
```

{% endcode %}