Repository files navigation

The Intl addon can be used to provide locale switcher and react-intl.

First, install the addon

npm install -D storybook-addon-intl

Then, add following content to.storybook/main.js:

exportdefault{addons:['storybook-addon-intl']};

In.storybook/preview.js, add the following:

// Provide your messagesconstmessages={en:{message:'Just some text.'},de:{message:'Nur etwas Text.'},es:{message:'Sólo un texto.'}};constgetMessages=(locale)=>messages[locale];exportdefault{parameters:{intl:{locales:defaultLocales,defaultLocale:'en',            getMessages}}};

Parameter key:intl

Type:string[]

Available locales.

Type:string

Fallback locale.

Type:(locale: string) => object

Getter function that takes the active locale as arguments and expects anobject of messages as a return value.

(Seemessages inIntlProvider docs of react-intl)

Type:(locale: string) => object

Getter function that takes the active locale as arguments and expects anobject of formats as a return value.

(Seeformats inIntlProvider docs of react-intl)

Type:object

Object of rich text elements.

(SeedefaultRichTextElements inIntlProvider docs of react-intl)