Pre Design Inputs

Installation

Install the package

Paste this code into your project

Update import paths as needed

Usage

Pre-designed Components

Simple Text Input

Required Input *

Disabled Input

Input with Helper Text

We'll never share your email.

Input with Error

This field is required.

Input with Success

Looks good!

Number Input

Email Input

URL Input

Telephone Input

Search Input

Date Input

Time Input

DateTime-Local Input

Month Input

Week Input

Color Input

File Input

Range Input

Textarea

Checkbox

Input with password strength indicator

Enter a password. Must contain:

At least 8 characters - Requirement not met
At least 1 number - Requirement not met
At least 1 lowercase letter - Requirement not met
At least 1 uppercase letter - Requirement not met

Radio Group

Option 1

Option 2

Select

Slider

Input with Left Icon

Input with Right Icon

🔍

Input with Prefix

http://

Input with Suffix

USD

Underlined Input

Animated Label

OTP Input

Clearable Input

Password with Strength Meter

Input with Character Count

0/50

Autocomplete Input

Credit Card Input

Phone Number Input

Currency Input

Tag Input

Tag 1Tag 2

Quantity Input

Rich Text Editor

Emoji Picker

Time Zone Picker

Signature Pad

Sign here

Star Rating

Toggle Group

Multi-select Dropdown

Date Range Picker