ant-design/components/locale-provider/index.en-US.md
2017-10-25 10:25:44 +08:00

1.7 KiB

category type cols title
Components Other 1 LocaleProvider

LocaleProvider provides a uniform localization support for built-in text of components.

Usage

LocaleProvider takes use of context, a feature of React, to accomplish global effectiveness by wrapping the app only once.

import { LocaleProvider } from 'antd';
import enUS from 'antd/lib/locale-provider/en_US';

...

return <LocaleProvider locale={enUS}><App /></LocaleProvider>;

We provide some locale like English, Chinese, Russian, German, French and etc, all locale packages can be found in here.

Note: if you need to use antd's UMD dist file, please import antd/dist/antd-with-locales.js:

const { LocaleProvider, locales } = window.antd;

...

return <LocaleProvider locale={locales.en_US}><App /></LocaleProvider>;

Add a new language

If you can't find your language, you are welcome to create a locale package based on en_US and send us a pull request.

Other localization needs

This component aims for localization of the built-in text, if you want to support other documents, we recommend using react-intl, refer to Intl demo 1 and Intl demo 2.

API

Property Description Type Default
locale language package setting, you can find the packages in this path: antd/lib/locale-provider/ object -