ant-design/docs/react/i18n.en-US.md

72 lines
1.6 KiB
Markdown
Raw Normal View History

2017-03-12 15:20:25 +08:00
---
2017-03-13 11:13:12 +08:00
order: 8
2017-03-12 15:20:25 +08:00
title: Internationalization
---
The default language of `antd@2.x` is English as of yet.
If you want to use other languages, you can follow the instructions below.
2017-03-12 15:20:25 +08:00
## LocaleProvider
antd provides a React Component [LocaleProvider](/components/locale-provider) for configuring antd locale text globally.
2017-03-12 15:20:25 +08:00
```jsx
2017-05-10 01:24:59 +08:00
import { LocaleProvider } from 'antd';
import frFR from 'antd/lib/locale-provider/fr_FR';
2017-03-12 15:20:25 +08:00
return (
<LocaleProvider locale={frFR}>
2017-03-12 15:20:25 +08:00
<App />
</LocaleProvider>
);
```
Note: `fr_FR` is the filename, follow below.
2017-03-12 15:20:25 +08:00
Supported languages:
|Language|Filename|
|---|---|
|Arabic|ar_EG|
|Bulgarian|bg_BG|
|Catalan|ca_ES|
|Czech|cs_CZ|
2017-11-29 20:27:52 +08:00
|German|de_DE|
|Greek|el_GR|
|English (Global)|en_GB|
|English|en_US|
2017-11-29 20:27:52 +08:00
|Spanish|es_ES|
|Estonian|et_EE|
2017-11-29 20:27:52 +08:00
|Persian|fa_IR|
|Finnish|fi_FI|
|French (Belgium)|fr_BE|
|French (France)|fr_FR|
|Hebrew|he_IL|
|Italian|it_IT|
2017-11-29 20:27:52 +08:00
|Icelandic|is_IS|
|Japanese|ja_JP|
|Korean|ko_KR|
|Norwegian|nb_NO|
2017-11-29 20:27:52 +08:00
|Dutch (Belgium)|nl_BE|
|Dutch|nl_NL|
|Polish|pl_PL|
|Portuguese (Brazil)|pt_BR|
|Portuguese|pt_PT|
|Slovak|sk_SK|
2017-11-29 20:27:52 +08:00
|Serbian|sr_RS|
|Slovenian|sl_SI|
|Swedish|sv_SE|
|Thai|th_TH|
|Turkish|tr_TR|
2017-11-29 20:27:52 +08:00
|Russian|ru_RU|
|Ukrainian|uk_UA|
|Vietnamese|vi_VN|
2017-11-29 20:27:52 +08:00
|Chinese (Simplified)|zh_CN|
|Chinese (Traditional)|zh_TW|
2017-03-12 15:20:25 +08:00
See usage and ways to contribute a new locale package at [LocaleProvider](/components/locale-provider).
2017-03-12 15:20:25 +08:00
## i18n sample
2017-03-13 11:13:12 +08:00
We also provide you a complete sample of internationalization usage, which is using [react-intl](https://github.com/yahoo/react-intl) and LocaleProvider: [ant-design/intl-example](https://github.com/ant-design/intl-example).