2017-03-12 15:20:25 +08:00
---
2023-08-04 19:27:38 +08:00
group:
title: Advanced
2023-11-30 17:19:57 +08:00
order: 5
2017-03-12 15:20:25 +08:00
title: Internationalization
---
2023-12-07 15:09:24 +08:00
The default language of `antd` is currently English. If you wish to use other languages, follow the instructions below.
2017-03-12 15:20:25 +08:00
2019-07-24 10:34:55 +08:00
## ConfigProvider
2017-03-12 15:20:25 +08:00
2019-12-20 15:07:18 +08:00
`antd` provides a React Component [ConfigProvider ](/components/config-provider ) for configuring antd locale text globally.
2017-03-12 15:20:25 +08:00
```jsx
2019-07-24 10:34:55 +08:00
import { ConfigProvider } from 'antd';
2022-10-26 14:38:54 +08:00
import frFR from 'antd/locale/fr_FR';
2017-03-12 15:20:25 +08:00
return (
2019-07-24 10:34:55 +08:00
< ConfigProvider locale = {frFR} >
2017-03-12 15:20:25 +08:00
< App / >
2019-07-24 10:34:55 +08:00
< / ConfigProvider >
2017-03-12 15:20:25 +08:00
);
```
2020-07-17 16:44:25 +08:00
You can see the complete configuration here: [ConfigProvider ](/components/config-provider ).
2018-12-07 18:16:23 +08:00
2020-07-17 16:44:25 +08:00
Note: `fr_FR` is the filename, the following table also follows the same rules.
2017-06-15 17:34:38 +08:00
2020-07-17 16:44:25 +08:00
The following languages are currently supported:
### Supported languages:
2017-03-12 15:20:25 +08:00
2020-05-10 17:16:44 +08:00
| Language | Filename |
| ------------------------ | -------- |
| Arabic | ar_EG |
| Azerbaijani | az_AZ |
| Bulgarian | bg_BG |
2021-07-05 10:58:48 +08:00
| Bangla (Bangladesh) | bn_BD |
2020-10-09 21:37:07 +08:00
| Belarusian | by_BY |
2020-05-10 17:16:44 +08:00
| Catalan | ca_ES |
| Czech | cs_CZ |
| Danish | da_DK |
| German | de_DE |
| Greek | el_GR |
| English (United Kingdom) | en_GB |
| English | en_US |
| Spanish | es_ES |
2022-12-08 11:04:12 +08:00
| Basque | eu_ES |
2020-05-10 17:16:44 +08:00
| Estonian | et_EE |
| Persian | fa_IR |
| Finnish | fi_FI |
| French (Belgium) | fr_BE |
2021-03-14 16:47:32 +08:00
| French (Canada) | fr_CA |
2020-05-10 17:16:44 +08:00
| French (France) | fr_FR |
2020-05-31 12:40:10 +08:00
| Irish (Ireland) | ga_IE |
2020-08-21 18:26:36 +08:00
| Galician (Spain) | gl_ES |
2020-05-10 17:16:44 +08:00
| Hebrew | he_IL |
| Hindi | hi_IN |
| Croatian | hr_HR |
| Hungarian | hu_HU |
| Armenian | hy_AM |
| Indonesian | id_ID |
| Italian | it_IT |
| Icelandic | is_IS |
| Japanese | ja_JP |
2021-09-09 19:40:26 +08:00
| Georgian | ka_GE |
2020-08-10 09:43:21 +08:00
| Kurdish (Kurmanji) | kmr_IQ |
2020-05-10 17:16:44 +08:00
| Kannada | kn_IN |
2020-11-07 16:04:44 +08:00
| Kazakh | kk_KZ |
2021-11-20 15:02:28 +08:00
| Khmer | km_KH |
2020-05-10 17:16:44 +08:00
| Korean | ko_KR |
2020-10-09 21:37:07 +08:00
| Lithuanian | lt_LT |
2020-05-10 17:16:44 +08:00
| Latvian | lv_LV |
| Macedonian | mk_MK |
2021-07-27 10:56:41 +08:00
| Malayalam (India) | ml_IN |
2020-05-10 17:16:44 +08:00
| Mongolian | mn_MN |
| Malay (Malaysia) | ms_MY |
2023-09-03 01:09:17 +08:00
| Burmese | my_MM |
2020-05-10 17:16:44 +08:00
| Norwegian | nb_NO |
2023-09-13 11:32:58 +08:00
| Nepali | ne_NP |
2020-05-10 17:16:44 +08:00
| Dutch (Belgium) | nl_BE |
| Dutch | nl_NL |
| Polish | pl_PL |
| Portuguese (Brazil) | pt_BR |
| Portuguese | pt_PT |
| Romanian | ro_RO |
| Russian | ru_RU |
2022-06-22 19:38:21 +08:00
| Sinhalese / Sinhala | si_LK |
2020-05-10 17:16:44 +08:00
| Slovak | sk_SK |
| Serbian | sr_RS |
| Slovenian | sl_SI |
| Swedish | sv_SE |
| Tamil | ta_IN |
| Thai | th_TH |
| Turkish | tr_TR |
2022-05-18 11:20:53 +08:00
| Turkmen | tk_TK |
2021-07-13 10:02:21 +08:00
| Urdu (Pakistan) | ur_PK |
2020-05-10 17:16:44 +08:00
| Ukrainian | uk_UA |
2024-03-16 09:30:36 +08:00
| Uzbek(latn) | uz_UZ |
2020-05-10 17:16:44 +08:00
| Vietnamese | vi_VN |
| Chinese (Simplified) | zh_CN |
2020-07-21 23:08:55 +08:00
| Chinese (Traditional) | zh_HK |
2020-05-10 17:16:44 +08:00
| Chinese (Traditional) | zh_TW |
2017-03-12 15:20:25 +08:00
2020-05-27 20:05:13 +08:00
See more usage at [ConfigProvider ](/components/config-provider ).
2017-03-12 15:20:25 +08:00
2020-05-27 20:05:13 +08:00
## Adding new language
2017-03-12 15:20:25 +08:00
2023-01-29 00:28:59 +08:00
If your language is not in above list, feel free to create a locale package based on the [en_US ](https://github.com/ant-design/ant-design/blob/master/components/locale/en_US.ts ) language pack and send us a pull request. For reference, you can refer to the pull request of adding the [Azerbaijani ](https://github.com/ant-design/ant-design/pull/21387 ) language as a sample.
2022-01-21 13:53:52 +08:00
Do it step by step:
1. Fork `antd` and git clone to local, switch to `feature` branch, pull it to make sure it's up-to-date, create a new branch based on `feature` branch, all work will be done in it.
```bash
git clone git@github.com:< your organization > /ant-design.git
cd ant-design/
2023-03-21 10:45:50 +08:00
git remote add upstream git@github.com:ant-design/ant-design.git
git checkout -b < your new branch name > upstream/feature
2022-01-21 13:53:52 +08:00
```
2. Add the language support for [rc-picker ](https://github.com/react-component/picker ), for example [this ](https://github.com/react-component/picker/blob/master/src/locale/en_US.ts ).
2024-10-18 19:33:46 +08:00
3. Add the language support for [rc-pagination ](https://github.com/react-component/pagination ), for example [this ](https://github.com/react-component/pagination/blob/master/src/locale/en_US.ts ).
2022-01-21 13:53:52 +08:00
4. Wait for `rc-picker` and `rc-pagination` to release the new version containing the above.
5. Update the `rc-picker` and `rc-pagination` versions in `antd` and add the remaining other necessary content for the language. for example [Azerbaijani PR ](https://github.com/ant-design/ant-design/pull/21387 ).
2024-04-16 15:04:24 +08:00
6. Add a test case for the language in [index.test.tsx ](https://github.com/ant-design/ant-design/blob/master/components/locale/__tests__/index.test.tsx ).
2022-01-21 13:53:52 +08:00
7. update snapshots, you may also need to delete `node_modules` , lock files (`yarn.lock` or `package-lock.json` ) and reinstall at first.
```bash
2022-12-09 15:04:08 +08:00
npm run test -- components/locale -u
2022-01-21 13:53:52 +08:00
```
2022-05-18 11:20:53 +08:00
8. Add the language to i18n list [docs/react/i18n.en-US.md ](https://github.com/ant-design/ant-design/blob/master/docs/react/i18n.en-US.md ) and [docs/react/i18n.zh-CN.md ](https://github.com/ant-design/ant-design/blob/master/docs/react/i18n.zh-CN.md ).
2022-01-21 13:53:52 +08:00
9. Watch out the CI status, and if it failed, look at the logs and make some changes until it all passes.
10. Ok, now everything is ready for review.