storybook/docs/snippets/vue/button-story-with-emojis.js.mdx
2021-11-09 01:41:54 +00:00

29 lines
690 B
Plaintext

```js
// Button.stories.js
import Button from './Button.vue';
export default {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/vue/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'Button',
component: Button,
};
export const Primary = () => ({
components: { Button },
template: '<Button background="#ff0" label="Button" />',
});
export const Secondary = () => ({
components: { Button },
template: '<Button background="#ff0" label="😄👍😍💯" />',
});
export const Tertiary = () => ({
components: { Button },
template: '<Button background="#ff0" label="📚📕📈🤓" />',
});
```