Sharkey/packages/frontend/src/components/MkButton.stories.ts

39 lines
885 B
TypeScript
Raw Normal View History

2023-03-22 00:25:17 +09:00
/* eslint-disable @typescript-eslint/explicit-function-return-type */
/* eslint-disable import/no-default-export */
import { Meta } from '@storybook/vue3';
2023-03-19 22:22:14 +09:00
const meta = {
title: 'components/MkButton',
component: MkButton,
} satisfies Meta<typeof MkButton>;
export default meta;
2023-03-23 16:44:41 +09:00
/* eslint-disable @typescript-eslint/explicit-function-return-type */
/* eslint-disable import/no-default-export */
/* eslint-disable import/no-duplicates */
import { StoryObj } from '@storybook/vue3';
2023-03-20 16:27:40 +09:00
import MkButton from './MkButton.vue';
2023-03-19 22:22:14 +09:00
export const Default = {
2023-03-23 16:44:41 +09:00
render(args) {
return {
components: {
MkButton,
},
2023-03-23 16:44:41 +09:00
setup() {
return {
args,
};
},
computed: {
props() {
return {
...args,
};
},
},
template: '<MkButton v-bind="props">Text</MkButton>',
};
2023-03-19 22:22:14 +09:00
},
parameters: {
layout: 'centered',
},
} satisfies StoryObj<typeof MkButton>;