Input - Aspect UI

Docs

Components

Input

Input - Aspect UI

The Input component is a text field used for forms and data entry. It supports different types, icons, validation states, labels, and accessibility enhancements.

Table of Contents#

Input Props

Input Props#

Prop	Type	Default	Description
label	string	-	Optional label text displayed above the input field.
type	string	'text'	Specifies the type of input element (e.g., text, password, email).
error	string	-	Error message displayed below the input field.
icon	ReactNode	<Mail />	Optional icon displayed inside the input field.
disabled	boolean	false	Disables the input field if true.
labelClassName	string	''	Additional CSS classes for the label element.
iconClassName	string	''	Additional CSS classes for the icon element.
className	string	''	Additional CSS classes for the input element.
wrapperClassName	string	''	Additional CSS classes for the input wrapper container.
errorClassName	string	''	Additional CSS classes for the error message.
passwordIconClassName	string	''	Additional CSS classes for the password toggle icon (if applicable).
onChange	(event: ChangeEvent<HTMLInputElement>) => void	-	Callback function triggered when the input value changes.
...rest	InputHTMLAttributes<HTMLInputElement>	-	Any other native input attributes will be passed to the input element.