app/assets/javascripts/vue_shared/components/badges/experiment_badge.stories.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import ExperimentBadge from './experiment_badge.vue';

export default {
  component: ExperimentBadge,
  title: 'vue_shared/experiment-badge',
};

const template = `
    <div style="height:600px;" class="gl-display-flex gl-justify-content-center gl-align-items-center">
      <experiment-badge :size="size" />
    </div>
  `;

const Template = (args, { argTypes }) => ({
  components: { ExperimentBadge },
  data() {
    return { value: args.value };
  },
  props: Object.keys(argTypes),
  template,
});

export const Default = Template.bind({});
Default.args = {};