Input

A text input field component with built-in support for labels, placeholders, validation states, and icons.

npx chilli@latest add input

Label

helper text

We'll never share your email.

Website

https://

Enter your website URL

Username

Username must be at least 3 characters.

Disabled field

Component preview

Add your Input component here

Prop	Type	Default	Description
`label`	`string`	`—`	Label text displayed above the input.
`placeholder`	`string`	`—`	Placeholder text for the input.
`type`	`"text" \| "password" \| "email" \| "number"`	`"text"`	The type of the input.
`error`	`string`	`—`	Error message displayed below the input.
`helperText`	`string`	`—`	Helper text displayed below the input.
`disabled`	`boolean`	`false`	Whether the input is disabled.
`value`	`string`	`—`	Controlled value.
`onChange`	`(e: ChangeEvent) => void`	`—`	Change event handler.