ViewPort Support Added

Aman035 · Sep 14, 2021 · 20b69b7 · 20b69b7
1 parent 709a1da
commit 20b69b7
Show file tree

Hide file tree

Showing 4 changed files with 450 additions and 1 deletion.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -1,4 +1,4 @@
 module.exports = {
   stories: ['../src/**/*.stories.@(tsx|jsx|js)'],
-  addons: ['@storybook/addon-actions'],
+  addons: ['@storybook/addon-actions','@storybook/addon-viewport'],
 };
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import { configure, addDecorator } from '@storybook/react';
 import Container from '../src/components/container';
+import {INITIAL_VIEWPORTS} from '@storybook/addon-viewport';
+import { addParameters } from '@storybook/react'
 
 addDecorator((story) => <Container>{story()}</Container>);
 
@@ -9,4 +11,10 @@ function loadStories() {
   context.keys().forEach(context);
 }
 
+addParameters({
+  viewport: {
+    viewports: INITIAL_VIEWPORTS,
+  }
+})
+
 configure(loadStories, module);