Input
The Input component is a versatile form element that allows users to input and edit text, numbers, or other types of data. It supports various input types such as text, email, number, phone, and search, making it adaptable for different use cases. The component can be enhanced with additional features such as labels, icons (before and after the input), placeholder text, and validation messages. It also supports customization options like full width display, character limits, and required fields, providing both visual and functional feedback for a better user experience.
Playground
Theming
Issues and suggestions
Installation
npm install @inubekit/input
Playground
Interface
disabled
focused
fullwidth
iconAfter
iconBefore
id
inputMode
label
message
name
onBlur
onChange
onFocus
onKeyUp
placeholder
required
size
status
type
value
readOnly
maxLength
minLength
counter