fbredius/storybook

View on GitHub
docs/snippets/vue/button-story-with-emojis.mdx.mdx

Summary

Maintainability
Test Coverage
```md
<!-- Button.stories.mdx -->

import { Meta, Story } from '@storybook/addon-docs';

import Button from './Button.vue';

<Meta title="Button" component={Button}/>

<Story name="Primary">
  {() => {
    return {
      components: { Button },
      template: `<Button background="#ff0" label="Button"  />`,
    };
  }}
</Story>

<Story
  name="Secondary">
  {() => {
    return {
      components: { Button },
      template: `<Button background="#ff0" label="😄👍😍💯" />`,
    };
  }}
</Story>

<Story
  name="Tertiary">
  {() => {
    return {
      components: { Button },
      template: `<Button background="#ff0" label="📚📕📈🤓" />`,
    };
  }}
</Story>
```