TextBoxComponent
Selector
kendo-textbox
Export Name
Accessible in templates as #kendoTextBoxInstance="kendoTextBox"
Inputs
Name | Type | Default | Description |
---|---|---|---|
clearButton |
|
|
Specifies whether a Clear button will be rendered. |
clearButtonIcon |
|
Sets a custom icon that will be rendered instead of the default one. | |
clearButtonSvgIcon |
|
Sets a custom SVG icon that will be rendered instead of the default one. | |
disabled |
|
|
Sets the disabled state of the TextBox. To learn how to disable the component in reactive forms, refer to the article on Forms Support. |
errorIcon |
|
Sets a custom icon that will be rendered instead of the default one for invalid user input. | |
errorSvgIcon |
|
Sets a custom SVG icon that will be rendered instead of the default one for invalid user input. | |
fillMode |
|
The The possible values are:
| |
inputAttributes |
|
Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed. | |
maxlength |
|
Specifies the maximum length of the TextBox value. | |
placeholder |
|
The hint, which is displayed when the component is empty. | |
readonly |
|
|
Sets the read-only state of the component. |
rounded |
|
The The possible values are:
| |
selectOnFocus |
|
|
Determines whether the whole value will be selected when the TextBox is clicked. Defaults to |
showErrorIcon |
|
|
Specifies when the Error icon will be shown (see example). The possible values are:
|
showSuccessIcon |
|
|
Specifies when the Success icon will be shown (see example). The possible values are:
|
size |
|
The size property specifies the padding of the TextBox internal input element (see example). The possible values are:
| |
successIcon |
|
Sets a custom icon that will be rendered instead of the default one for a valid user input. | |
successSvgIcon |
|
Sets a custom SVG icon that will be rendered instead of the default one for a valid user input. | |
tabindex |
|
|
Specifies the |
title |
|
Sets the | |
type |
|
Sets the | |
value |
|
Provides a value for the TextBox. |
Fields
Name | Type | Default | Description |
---|---|---|---|
input |
|
Represents the visible |
Events
Name | Type | Description |
---|---|---|
inputBlur |
|
Fires each time the |
inputFocus |
|
Fires each time the user focuses the |
blur |
|
Fires each time the TextBox component gets blurred.
ts
|
focus |
|
Fires each time the user focuses the TextBox component.
ts
|
valueChange |
|
Fires each time the value is changed—
when the component is blurred or the value is cleared through the Clear button
(see example).
When the value of the component is programmatically changed to |
Methods
blur |
---|
Blurs the TextBox. |
focus |
---|
Focuses the TextBox. ts
|