No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

i18n

Default

By default carbon uses en-GB translations.

Preview src/locales/en-gb.js

Resources

To add a new locale and use it with carbon, create a new locale file based on interface or proptypes of I18nProvider component. The default locale file en-GB will be extended with the new locale file.

Usage

import I18nProvider from "carbon-react/lib/components/i18n-provider";

import enUS from "./locales/en-us";
import App from ".";

<I18nProvider locale={enUS}>
  <App />
</I18nProvider>;

or

import I18nProvider from "carbon-react/lib/components/i18n-provider";
import Switch from "carbon-react/lib/components/switch";

/* ... */

<I18nProvider
  locale={{
    locale: () => "fr-FR",
    switch: {
      on: () => "sur",
      off: () => "de",
    },
  }}
>
  <Switch onChange={handleChange} name="switch-default" checked={isChecked} />
</I18nProvider>;

Additional information

https://github.com/Sage/carbon/blob/master/rfcs/text/i18n.md