Input

Single-line field with label, help, leading icon, disabled, and error states.

Input is the canonical single-line text field. Compose Field around it for richer form chrome.

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.

States

Every state maps to the same render route through the `state` query param.

Default

Empty field state.

Filled

Value present.

EmailEnter a valid email address.

Error

Validation failure.

Disabled

Locked field.

Props

Name	Type	Default	Description
`label`	`ReactNode`	-	Optional field label.
`help`	`ReactNode`	-	Muted helper text.
`error`	`ReactNode`	-	Error copy and invalid treatment.
`leadingIcon`	`IconName \| ReactElement`	-	Glyph inside the left field slot.
`placeholder`	`string`	-	Native placeholder text.
`disabled`	`boolean`	-	Native disabled behavior.