Skip to content

Instantly share code, notes, and snippets.

@garronej
Last active June 9, 2024 13:07
Show Gist options
  • Save garronej/52baaca1bb925f2296ab32741e062b8e to your computer and use it in GitHub Desktop.
Save garronej/52baaca1bb925f2296ab32741e062b8e to your computer and use it in GitHub Desktop.

Changing the language directly within Storybook is not supported.
To preview your component in different languages, create separate stories for each language.
Example:

export const Default: Story = {
    render: () => <KcPageStory />
};

export const French: Story = {
    render: () => <KcPageStory 
        kcContext={{
            locale: {
                currentLanguageTag: "fr"
            }
        }}
    />
};

export const Spanish: Story = {
    render: () => <KcPageStory 
        kcContext={{
            locale: {
                currentLanguageTag: "es"
            }
        }}
    />
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment