Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | import ProjectListItem from './project_list_item.vue'; export default { component: ProjectListItem, title: 'vue_shared/project_selector/project_list_item', }; const Template = (args, { argTypes }) => ({ components: { ProjectListItem }, props: Object.keys(argTypes), template: '<project-list-item v-bind="$props" />', }); export const Default = Template.bind({}); Default.args = { project: { id: '1', name: 'MyProject', name_with_namespace: 'path / to / MyProject', }, selected: false, }; export const SelectedProject = Template.bind({}); SelectedProject.args = { ...Default.args, selected: true, }; export const MatchedProject = Template.bind({}); MatchedProject.args = { ...Default.args, matcher: 'proj', }; |