Custom Input Attributes
The Kendo UI for Angular NumericTextBox enables you to extend its default functionality by adding custom HTML attributes to the underlying <input> element of the component. This feature is particularly useful when you need to enhance the accessibility, optimize the mobile input experience, or customize the browser auto-fill behavior.
To learn more about configuring the
inputmodeHTML attribute and exploring different types of on-screen keyboards, visit the On-Screen Keyboard article.
To define custom attributes for the inner HTML <input> element of the NumericTextBox, use the inputAttributes property of the component. The inputAttributes property accepts an object where each key represents an attribute name and its corresponding value.
<kendo-numerictextbox [inputAttributes]="inputAttributes">
</kendo-numerictextbox>The following example demonstrates how to set custom data-* HTML attributes.