React Input Component

We'll never share your email.

Disabled

Installation

pnpm add krz-ui

import { Input } from "krz-ui";

<Input label="Email" placeholder="you@example.com" error={error} hint="We'll never share it." />

Prop	Type	Description
`label`	`ReactNode`	Field label.
`hint`	`ReactNode`	Helper text under the field.
`error`	`ReactNode`	Error message; marks the field invalid.
`size`	`"sm" \| "md" \| "lg"`	Field size.
`leftIcon / rightIcon`	`ReactNode`	Icons inside the field.
`className / style / ref`	`—`	className and style go on the whole field; ref and native input attributes go to the <input>. See Customization.
`classNames`	`{ label?, control?, input?, icon?, message? }`	Extra classes for inner parts.