ant-design/components/input/index.en-US.md

category	type	title
Components	Data Entry	Input

A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.

When To Use

• A user input in a form field is needed.
• A search input is required.

API

Input

Property	Description	Type	Default
type	The type of input, text or textarea(type=textarea are deprecated after 2.12, please use Input.TextArea)	string	text
id	The ID for input	string
value	The input content value	string
defaultValue	The initial input content	string
size	The size of the input box. Note: in the context of a form, the large size is used. Available: large default small	string	default
disabled	Whether the input is disabled.	boolean	false
addonBefore	The label text displayed before (on the left side of) the input field.	string|ReactNode
addonAfter	The label text displayed after (on the right side of) the input field.	string|ReactNode
prefix	The prefix icon for the Input.	string|ReactNode
suffix	The suffix icon for the Input.	string|ReactNode
onPressEnter	The callback function that is triggered when Enter key is pressed.	function(e)

When Input is used in a Form.Item context, if the Form.Item has the id and options props defined then value, defaultValue, and id props of Input are automatically set.

The rest of the props of Input are exactly the same as the original input.

Input.TextArea

If you are using antd@<2.12, please use Input[type=textarea].

Property	Description	Type	Default
defaultValue	The initial input content	string
value	The input content value	string
onPressEnter	The callback function that is triggered when Enter key is pressed.	function(e)
autosize	Height autosize feature, can be set to `true	falseor an object{ minRows: 2, maxRows: 6 }`	boolean|object

The rest of the props of Input.TextArea are the same as the original textarea.

Input.Search

Added in 2.5.0

Property	Description	Type	Default
onSearch	The callback function that is triggered when you click on the search-icon or press Enter key.	function(value)
enterButton	to show a enter button after input	boolean|ReactNode	false

Supports all props of Input.

Input.Group

Property	Description	Type	Default
size	The size of Input.Group specifies the size of the included Input fields. Available: large default small	string	default
compact	Whether use compact style	boolean	false

<Input.Group>
  <Input />
  <Input />
</Input.Group>