storybook-tailwind-dark-mode

storybook-tailwind-dark-mode

Installation

Install the following npm module:

npm i --save-dev storybook-tailwind-dark-mode

or with yarn:

yarn add -D storybook-tailwind-dark-mode

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

module.exports = {
  addons: ['storybook-tailwind-dark-mode']
};

Set Dark Mode as default

To set dark mode as default, Add the following lines of code to your preview.js file

export const globalTypes = {
  darkMode: true,
};