Skip to content

Commit

Permalink
Below are the changes
Browse files Browse the repository at this point in the history
1. Input.stories.jsx is created with three variants default, secondary and small input fields and corresponding properties are set
  • Loading branch information
vanamraghu committed Sep 30, 2024
1 parent e5bfdb5 commit ebb5cf5
Showing 1 changed file with 60 additions and 0 deletions.
60 changes: 60 additions & 0 deletions src/stories/Input.stories.jsx
Original file line number Diff line number Diff line change
@@ -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
}
}

0 comments on commit ebb5cf5

Please sign in to comment.