Autocomplete

Pass options and rebuild them in onChange to suggest completions as the user types, here titles of classic novels.

Use showSearch.onSearch to build suggestions from each keystroke, here the typed name completed with common email domains.

Give an option a node as its label to show an icon or extra text in the row, while value stays the text that fills the field.

Nest options as { label, options } to list the matches under group headings, like guides and components.

Offer one option per place to look, like Docs, Issues and Discussions, when you know the query but not where it will match.

AutoComplete shows every option by default, so pass showSearch.filterOption to filter a fixed list, here by name and ignoring case.

Pass an Input.TextArea as children to suggest completions in a multi-line field instead of the default input.

Set status to error or warning to color the border when the typed text needs attention.

Set allowClear to show a clear button once the field has text.

Put AutoComplete in a Form.Item with rules to validate the typed text, here a website field that suggests full URLs.

A travel search field that groups matching hotels, cities and countries, with star ratings, review scores, nightly prices and hotel counts.