Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
@wesbitty/storybook-theming
storybook addon for configuring popular styling tools
npm install @wesbitty/storybook-theming
Last updated about 1 year ago
1
Downloads per week
Readme View on GitHub

@wesbitty/storybook-theming

Get started in Storybook 7 faster with popular styling tools.

@wesbitty/storybook-theming addon can be used to run postcss preprocessor against your stories in Storybook, all css files will be treated as modules as long as they end with .module.css. Also, previous css configuration done to css loaders won't be override, i.e if you were using postcss-loader or any other extra webpack loader, it will automatically be applied to css modules.

✨ Features

  • ⚡️ storybook css modules loader
  • 🎨 Provide postcss preprocessor

🏁 Getting Started

To get started, install the package as a dev dependency

npm:

npm install -D @wesbitty/storybook-theming

yarn:

yarn add -D @wesbitty/storybook-theming

Configuration

  • just add the following plugin on your ./storybook/main.js:
  module.exports = {
    addons: [
+     '@wesbitty/storybook-theming',
    ]
  }
Join the community
6,622 developers and counting
WhyWhy StorybookComponent-driven UI
DocsGuidesTutorialsChangelogTelemetryStatus
CommunityAddonsGet involvedBlog
ShowcaseExploreProjectsComponent glossary
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI