Input

A native input element that automatically works with Field.

Name

Usage guidelines

Form controls must have an accessible name: It can be created using a <label> element or the Field component. See the forms guide.

Import the component and use it as a single part:

Anatomy

import { Input } from '@base-ui/react/input';

<Input />;

Name	Type	Default	Description
`onValueChange`Optional	`Field.Control.Props['onValueChange'] \| undefined`	—	Callback fired when the `value` changes. Use when controlled.
`defaultValue`Optional	`Field.Control.Props['defaultValue'] \| undefined`	—	The default value of the input. Use when uncontrolled.
`value`Optional	`React.ComponentProps<'input'>['value'] \| undefined`	—	The value of the input. Use when controlled.