30 lines
737 B
JavaScript
30 lines
737 B
JavaScript
import { action } from '@storybook/addon-actions';
|
|
import { linkTo } from '@storybook/addon-links';
|
|
|
|
import MyButton from './MyButton';
|
|
|
|
export default {
|
|
title: 'Button',
|
|
component: MyButton,
|
|
};
|
|
|
|
export const Text = () => ({
|
|
components: { MyButton },
|
|
template: '<my-button @click="action">Hello Button</my-button>',
|
|
methods: { action: action('clicked') },
|
|
});
|
|
|
|
export const Jsx = () => ({
|
|
components: { MyButton },
|
|
render(h) {
|
|
return <my-button onClick={this.action}>With JSX</my-button>;
|
|
},
|
|
methods: { action: linkTo('clicked') },
|
|
});
|
|
|
|
export const Emoji = () => ({
|
|
components: { MyButton },
|
|
template: '<my-button @click="action">😀 😎 👍 💯</my-button>',
|
|
methods: { action: action('clicked') },
|
|
});
|