AutoComplete

Demonstration and configuration of the Radzen Blazor AutoComplete component.

Get and Set the value of AutoComplete

As all Radzen Blazor input components the AutoComplete has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input.

Get and Set the value of AutoComplete using Value and Change event

Value property can be used to set the value of the component and Change event to get the user input.

Define AutoComplete placeholder

Define AutoComplete template

Change AutoComplete filter operator, case sensitivity and delay

Show items that start with a specific string, case insensitive after 100ms

Load data on-demand in AutoComplete and apply custom filter and sort

AutoComplete with a List of Strings

Multiline AutoComplete

Disabled AutoComplete

Radzen Blazor Components, © 2018-2023 Radzen.
Source Code licensed under MIT