Adornments
Using custom elements in the form of prefix or suffix adornments helps you improve the appearance, usability, and functionality of the KendoReact AutoComplete component, significantly elevating the overall user experience.
Prefix and Suffix Adornments
The prefix and suffix properties allow you to render any React component or HTML element as a prefix or suffix for the KendoReact AutoComplete component.
For correct styling, wrap the custom adornments in the InputPrefix and InputSuffix containers. These components also provide the orientation property that lets you specify the layout alignment as either horizontal or vertical.
Separator
To visually separate the specified adornments, you can add an InputSeparator component. To specify the layout alignment of the separator element, set its orientation property to either horizontal or vertical.