Select theme:

Material 3

TextBox (Angular)link

This guide demonstrates how to use the TextBox component.

TextBox Propertieslink

NameTypeDefaultDescription
Namestring'textbox' + index suffixUnique name of the TextBox.
Valuestring/expressionnullTextBox value.
PlaceholderstringemptyTextBox placeholder.
ReadOnlyboolean/expressionfalseIs TextBox read-only.
Disabledboolean/expressionfalseIs TextBox disabled.
Visibleboolean/expressiontrueIs TextBox visible.

image

For more info about expressions please visit expressions in our documentation.

TextBox Eventslink

NameTypeDefaultDescription
ChangeeventnullChange event of the TextBox. New value as event argument.

image

For more info about event actions please visit event actions in our documentation.

Angular declarationlink

<rz-textbox #textbox0 placeholder="Enter here ..." (change)="textbox0Change($event)">
</rz-textbox>

© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3