diff --git a/src/stories/Input.stories.jsx b/src/stories/Input.stories.jsx new file mode 100644 index 0000000..2a13dd2 --- /dev/null +++ b/src/stories/Input.stories.jsx @@ -0,0 +1,60 @@ +import {Input, Variant} from "../components/Input"; + +export default { + title: "Components/Input", + component: Input, + tags: ["autodocs"], + argTypes: { + label: { + control: "text", + }, + name: { + control: "text", + }, + type: { + control: "text", + }, + placeholder: { + control: "text", + }, + required: { + control: "boolean", + }, + variant: { + control: "select," + } + } +} + +export const Default = { + args: { + label: "Name", + name: "name", + type: "text", + placeholder: "Enter name", + required: false, + variant: Variant.DEFAULT + } +} + +export const Secondary = { + args: { + label: "Name", + name: "name", + type: "text", + placeholder: "Enter name", + required: false, + variant: Variant.SECONDARY + } +} + +export const Small = { + args: { + label: "Name", + name: "name", + type: "text", + placeholder: "Enter name", + required: false, + variant: Variant.SMALL + } +}