Input

Inputs & Controls

macOS recessed text input field featuring blue halo focus ring.

Installation

$npx shadcn-macos@latest add input

Apple ID Email

<Input />— macOS recessed single-line text input field featuring the signature blue halo focus ring.

Prop	Type	Default	Description
type	string	"text"	HTML input element type (e.g. text, password, email, number, search).
placeholder	string	—	Placeholder text rendered when the field is empty.
value	string	—	Controlled string value of the input.
defaultValue	string	—	Initial uncontrolled value of the input.
disabled	boolean	false	Disables interaction and dims the field.
onChange	(event: React.ChangeEvent<HTMLInputElement>) => void	—	Callback fired whenever the input text changes.
className	string	—	Additional CSS classes.