ihk24/gfi-ihk-2024/stories/atoms/input-text/InputText.stories.js

import {createInputText} from "./InputTextComponent";

export default {
  title: 'Atoms/Input Text',
  args: {
    type: 'text',
    id: 'field-name',
    name: 'field-name',
    placeholder: 'Platzhalter-Text',
  },
  argTypes: {
    type: {
      name: 'Input Typ',
      control: 'select',
      options: ['text', 'email', 'password', 'textarea'],
      defaultValue: 'text',
    },
    id: {
      name: 'ID',
    },
    name: {
      name: 'Name-Attribut',
    },
    placeholder: {
      name: 'Platzhalter',
    },
  }
}

const Template = ({...args}) => {
  return createInputText({...args});
};

export const InputText = Template.bind({});
InputText.args = {};