update stories

SnowdogApps · Jul 17, 2020 · 967c103 · 967c103
1 parent 93664cc
commit 967c103
Showing 1 changed file with 43 additions and 39 deletions.
diff --git a/src/atoms/label/Label.stories.js b/src/atoms/label/Label.stories.js
@@ -1,4 +1,3 @@
-import { storiesOf } from '@storybook/vue'
 import { select, text } from '@storybook/addon-knobs'
 
 import generateVueInfoTable from '@utils/helpers/generate-vue-info-table.js'
@@ -14,43 +13,48 @@ const info = `
 
 const classKnobsConfig = getClassKnobsConfig(selectorsConfig)
 
-storiesOf('Atoms/Label', module)
-  .addParameters({ info })
-  .add('Default', () => ({
-    components: { ALabel },
-    props: {
-      classKnobs: {
-        default: select('BEM Modifier', classKnobsConfig)
-      },
-      textKnobs: {
-        default: text('Text', 'Label')
-      }
+export default {
+  title: 'Atoms/Label',
+  component: ALabel,
+  parameters: { info }
+}
+
+export const Default = () => ({
+  components: { ALabel },
+  props: {
+    classKnobs: {
+      default: select('BEM Modifier', classKnobsConfig)
+    },
+    textKnobs: {
+      default: text('Text', 'Label')
+    }
+  },
+  template: `
+    <a-label :class="classKnobs">
+      {{ textKnobs }}
+    </a-label>
+  `
+})
+
+export const CustomTag = () => ({
+  components: { ALabel },
+  props: {
+    classKnobs: {
+      default: select('BEM Modifier', classKnobsConfig)
     },
-    template: `
-      <a-label :class="classKnobs">
-        {{ textKnobs }}
-      </a-label>
-    `
-  }))
-  .add('Custom tag', () => ({
-    components: { ALabel },
-    props: {
-      classKnobs: {
-        default: select('BEM Modifier', classKnobsConfig)
-      },
-      textKnobs: {
-        default: text('Text', 'Custom tag label')
-      },
-      tagKnob: {
-        default: text('Html tag', 'span')
-      }
+    textKnobs: {
+      default: text('Text', 'Custom tag label')
     },
-    template: `
-      <a-label
-        :tag="tagKnob"
-        :class="classKnobs"
-      >
-        {{ textKnobs }}
-      </a-label>
-    `
-  }))
+    tagKnob: {
+      default: text('Html tag', 'span')
+    }
+  },
+  template: `
+    <a-label
+      :tag="tagKnob"
+      :class="classKnobs"
+    >
+      {{ textKnobs }}
+    </a-label>
+  `
+})