InputGroup

Input field group with proximity hover and validation.

Installation

Single source built on Base UI primitives — used as-is under either flavor.

Inspect

Search

Inspect

Name

Email

Inspect

Email

Please enter a valid email address.

Prop	Type	Description
children	ReactNode	InputField children.

Prop	Type	Default	Description
label	string	—	Label text above the input.
index	number	—	Position index within the group.
value	string	—	Controlled input value.
onChange	(value: string) => void	—	Called when the input value changes.
placeholder	string	—	Placeholder text.
icon	IconComponent	—	Leading icon inside the input.
error	string	—	Error message shown below the input.
disabled	boolean	false	Disables the input.