Input

A single-line text field for short values like a name, with a placeholder that hints at what to type.

Set size to large or small to change the field's height, with medium as the default in between.

Set variant to outlined, filled, text, underlined, borderless or bare to match the other fields in your form. text fills on hover and while focused, and bare draws nothing at all.

Set status to warning or error to color the border, and a prefix icon along with it.

Set disabled to show a value that cannot be edited or focused, like a workspace name only an admin can change.

Set allowClear on an Input or Input.TextArea to show a button that empties the field once it has a value.

Pass prefix and suffix to place an icon, text or a tooltip inside the field, like a search glyph or a $ sign.

Set showCount with maxLength to show the character count against its limit, on an Input or an Input.TextArea.

Pass count.strategy to count characters your own way, like counting each emoji as one character.

Input.Password hides what is typed and adds an eye button that shows it.

Pass visibilityToggle an object with visible and onVisibleChange to show the password from your own state, like a checkbox.

Input.Search adds a search button: set enterButton to make it primary or give it a label, and loading while results load.

Input.TextArea takes several lines of text, with rows setting how tall it starts.

Set autoSize on Input.TextArea to grow it with its content, between minRows and maxRows when you set them.

Input.OTP gives each character of a one-time code its own cell, set by length, and moves to the next cell as you type.

Set mask on Input.OTP to hide each character as it is typed, like the digits of a PIN.

Pass formatter to change what is typed and separator to draw a mark between cells, like uppercase letters split by a dash.

Wrap an Input in Space.Compact to join it with a button or a Select into one control.

Put an Input in a Form.Item with rules to validate it, with help text in extra and the error shown below the field.

An Input.Password with a Progress bar and a checklist that fill in as the password meets each rule.

An API key card with a masked, read-only Input, show and copy buttons in its suffix, and a confirm before regenerating.