Adornments

Using custom elements in the form of prefix or suffix adornments helps you improve the appearance, usability, and functionality of the KendoReact ComboBox 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 ComboBox 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.

Example
View Source
Change Theme:

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.

Example
View Source
Change Theme:

In this article

Not finding the help you need?