Merge pull request #19086 from storybookjs/norbert/sb-580-addon-viewport

Addon-viewport: Move stories into addon

code/addons/viewport/template/stories/parameters.stories.ts

@@ -0,0 +1,50 @@
+import globalThis from 'global';
+import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+export default {
+  component: globalThis.Components.Button,
+  args: {
+    children: 'Click Me!',
+  },
+  parameters: {
+    viewport: {
+      viewports: MINIMAL_VIEWPORTS,
+    },
+    chromatic: { disable: true },
+  },
+};
+
+export const Basic = {
+  parameters: {},
+};
+
+export const Selected = {
+  parameters: {
+    viewport: {
+      defaultViewport: Object.keys(MINIMAL_VIEWPORTS)[0],
+    },
+  },
+};
+
+export const Custom = {
+  parameters: {
+    viewport: {
+      viewports: {
+        phone: {
+          name: 'Phone Width',
+          styles: {
+            height: '600px',
+            width: '100vh',
+          },
+          type: 'mobile',
+        },
+      },
+    },
+  },
+};
+
+export const Disabled = {
+  parameters: {
+    viewport: { disable: true },
+  },
+};