Select theme:

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

AutoComplete (Angular)link

This guide demonstrates how to use the AutoComplete component.

AutoComplete Propertieslink

Name	Type	Default	Description
Name	string	'autocomplete' + index suffix	Unique name of the AutoComplete.
Placeholder	string	empty	AutoComplete placeholder.
TextProperty	string	null	AutoComplete data text property name.
Value	string	null	AutoComplete value.
Disabled	boolean/expression	false	Is AutoComplete disabled.
Visible	boolean/expression	true	Is AutoComplete visible.

Name	Type	Default	Description
Change	event	null	Change event of the AutoComplete. Selected value as event argument.
Search	event	null	Search event of the AutoComplete. Entered text and data to assign returned result as event argument.

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

<rz-autocomplete #autocomplete0 placeholder="Search product..." textProperty="ProductName" (search)="autocomplete0Search($event)">
</rz-autocomplete>

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: