Input
Text input fields for collecting user data — default, prefix, placeholder, disabled, OTP, icon variants, typeahead dropdowns, phone country code selectors, and range sliders.
Default
Standard text inputs with floating labels, validation error, and success states.
Prefix Text
Input with prefix text span and RTL support for flight number entry.
Placeholder
Text input with placeholder text visible before user types.
Disabled
Disabled inputs with value, without value, and with calendar icon.
Disabled without value
OTP
Grouped input fields for one-time password entry.
Icon (img)
Input with icon as an <img> element, positioned left or right.
Icon (background-img)
Input with a calendar icon applied via CSS background image.
Icon Clickable
Password field with a clickable eye icon to toggle visibility.
Typeahead Dropdown
Nationality selector with country flag, typeahead search, and dropdown results.
Phone Country Code
Typeahead phone country code selector with custom dropdown and flag display.
Range
Horizontal range slider input for selecting a value within a min–max range.
Enhanced Phone Dropdown
Enhanced country code selector with flag, code display, and full search typeahead.