@acodez/inputfield

@acodez/inputfield

React input component.

---

• Installation
• PropsAPI
• Usage

---

Installation

npm install @acodez/inputfield

Props API

Property	Type	Required	Description
type	string	yes	input type, text, password, email
size	string	no	size (height) of the input, nomral or big
label	string	no	label of input, shoown above the input field
errorMessage	string	no	error message
forgotPassLink	string	no	Forgot Password link for password field

---

Usage

import InputField from "@acodez/inputfield";

Example - Basic

<InputField type="text" name="name" placeholder="Your Name" />

Example - With required, error message

<InputField type="email" name="email" placeholder="Your Email" required="required" errorMessage="Invalid email address" />

Example - Type password (with forgot password link, show/hide password option)

<InputField type="password" name="password" placeholder="Your Password" required="required" errorMessage="Invalid Password" forgotPassLink="/forgot-password" />

Example - Size big, with label

<InputField type="text" name="name" placeholder="Your Name" size="big" label="Your Name" />