feat: add tailwind css support in Storybook

ixartz · Apr 5, 2023 · 5e0d287 · 5e0d287
1 parent 637421b
commit 5e0d287
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -6,6 +6,14 @@ const config: StorybookConfig = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
+    {
+      name: '@storybook/addon-styling',
+      options: {
+        // Check out https://github.com/storybookjs/addon-styling/blob/main/docs/api.md
+        // For more details on this addon's options.
+        postCss: true,
+      },
+    },
   ],
   framework: {
     name: '@storybook/nextjs',

diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,3 +1,5 @@
+import '../src/styles/global.css';
+
 import type { Preview } from '@storybook/react';
 
 const preview: Preview = {

diff --git a/package-lock.json b/package-lock.json