1.0.6 • Published 3 years ago
@acodez/inputfield v1.0.6
@acodez/inputfield
React input component.
Installation
npm install @acodez/inputfieldProps 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" />