Adornments
The Textbox component provides the option for adding custom items as prefix and suffix adornments.
Prefix Adornments
The TextBox allows you to add custom items as prefix adornments by using the KendoTextBoxPrefixTemplate directive.
Suffix Adornments
You can also add custom items as suffix adornments by using the KendoTextBoxSuffixTemplate directive.
Built-In Adornments
The Textbox comes with built-in adornments which can be included to extend the component functionality and styling.
Clear Button
To render a Clear button inside the TextBox, set the clearButton
property to true
.
Separator
To visually separate the specified adornments, you can add a Separator component.
Disabling Adornments
You fully control the disabled state of the adornments inside the prefix and suffix containers.
The following example demonstrates how to set the disabled
property of the adornments when you disable the TextBox.