app/assets/javascripts/vue_shared/components/sidebar/todo_toggle/todo_button.stories.js


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

import TodoButton from './todo_button.vue';

export default {
  component: TodoButton,
  title: 'vue_shared/sidebar/todo_toggle/todo_button',
};

const Template = (args, { argTypes }) => ({
  components: { TodoButton },
  props: Object.keys(argTypes),
  template: '<todo-button v-bind="$props" v-on="$props" />',
});

export const Default = Template.bind({});
Default.argTypes = {
  isTodo: {
    description: 'True if to-do is unresolved (i.e. not "done")',
    control: { type: 'boolean' },
  },
  click: { action: 'clicked' },
};