From 375fc6e6bd3158e7c065cf76b86f7265826c6669 Mon Sep 17 00:00:00 2001
From: Dhruv Bhanushali <dhruv_b@live.com>
Date: Fri, 21 Jan 2022 19:56:15 +0400
Subject: [PATCH] Add stories for the content type switcher (#665)

---
 .../meta/VContentSwitcherPopover.stories.mdx  | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/components/VContentSwitcher/meta/VContentSwitcherPopover.stories.mdx

diff --git a/src/components/VContentSwitcher/meta/VContentSwitcherPopover.stories.mdx b/src/components/VContentSwitcher/meta/VContentSwitcherPopover.stories.mdx
new file mode 100644
index 0000000000..e55be7a287
--- /dev/null
+++ b/src/components/VContentSwitcher/meta/VContentSwitcherPopover.stories.mdx
@@ -0,0 +1,37 @@
+import {
+  ArgsTable,
+  Canvas,
+  Description,
+  Meta,
+  Story,
+} from '@storybook/addon-docs'
+
+import VContentSwitcherPopover from '@/components/VContentSwitcher/VContentSwitcherPopover.vue'
+
+<Meta
+  title="Components/VContentSwitcherPopover"
+  components={VContentSwitcherPopover}
+  argTypes={{
+    select: {
+      action: 'select',
+    },
+  }}
+/>
+
+export const Template = (args, { argTypes }) => ({
+  template: `<VContentSwitcherPopover active-item="image" v-bind="$props" v-on="$props"/>`,
+  components: { VContentSwitcherPopover },
+  props: Object.keys(argTypes),
+})
+
+# VContentSwitcherPopover
+
+<Description of={VContentSwitcherPopover} />
+
+<ArgsTable of={VContentSwitcherPopover} />
+
+<Canvas>
+  <Story height="480px" name="Default">
+    {Template.bind({})}
+  </Story>
+</Canvas>