app/assets/javascripts/vue_shared/components/form/errors_alert.stories.js


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

import ErrorsAlert from './errors_alert.vue';

export default {
  component: ErrorsAlert,
  title: 'vue_shared/form/errors_alert',
};

const defaultProps = {
  errors: ['Name must be at least 5 characters.', 'Name cannot contain special characters.'],
};

const Template = (args) => ({
  components: { ErrorsAlert },
  data() {
    return { errors: args.errors };
  },
  template: `<errors-alert v-model="errors" />`,
});

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