input.stories.js

import Input from '../components/atoms/input.vue';

export default {
  title: 'Components/Atoms',
  component: Input,
  argTypes: {
    type: {
      control: 'radio',
      options: ['text', 'email'],
    },
    placeholder: {
      control: 'text',
    },
  },
};

export const Input = {
  render: args => ({
    components: { Input },
    setup() {
      return { args };
    },
    template: '<Input v-bind="args" />',
  }),
  args: {
    type: 'text',
    placeholder: 'Enter text',
  },
};