New
Community Showcase #5Visual test with Chromatic
Star78,835
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
Lingui v3
Storybook Addon for LinguiJS v3
npm install @bumped-inc/storybook-addon-lingui-v3
Last updated almost 2 years ago
104
Downloads per week
Readme View on GitHub

@bumped-inc/storybook-addon-lingui-v3

Add Lingui v3 support with the ability to switch between locales inside Storybook

Getting Started

In your main.js, add "@bumped-inc/storybook-addon-lingui-v3" to your addons array.

Add the lingui parameter, likely in your preview.js file. It should look akin to

import { messages as en } from "./locales/en";
import { messages as fr } from "./locales/fr";
import { messages as he } from "./locales/he";
import { messages as ja } from "./locales/ja";

addParameters({
  lingui: [
    { id: "en", name: "English", messages: en },
    { id: "fr", name: "French", messages: fr },
    { id: "he", name: "Hebrew", messages: he },
    { id: "ja", name: "Japanese", messages: ja },
  ],
});
Join the community
6,179 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI