Autocomplete
A text input that suggests as you type. The value is whatever the reader typed, which is what separates it from a Select.
Anotomy
Structure of the autocomplete and how its internal parts are composed. These are its semantic parts, so they are also what the
classNames and styles objects accept. The popup's parts go in a nested popup object.
| Name | Description | |
|---|---|---|
1 | root | The field's box: border, background, radius and padding. variant and status change it here. |
2 | prefix | The node from prefix, before the text. |
3 | content | The area that holds the input. |
4 | input | The text field the user types in. |
5 | clear | The button that empties the field, drawn when allowClear is set and there is a value. |
6 | popup.root | The suggestion panel. It is portalled to <body>, so these keys are how you reach it. |
7 | popup.list | The scrolling list of suggestions inside the panel. |
8 | popup.listItem | One suggestion, from options. |
© 2026 AntUIKit . All rights reserved.