The autocomplete is a normal text input enhanced by a panel of suggested options.

Name Type Description
TItem Generic argument Type of element type.
Attributes Dictionary<String,Object> Gets or sets a collection of additional attributes that will be applied to the created element.
Class String Specifies one or more classnames for an DOM element.
CustomStringSelector Func<TItem,String> This function is used to select the string part from the item, used both for filtering and displaying if no ItemTemplate is defined.
FullWidth Boolean This value indicates if the textfield and the dialog will be or not displayed in the full screen, the default value is false
Icon String The Icon displayed as the leading icon for the TextField
Id String
Items IEnumerable<TItem> The collection which should be rendered and filtered
ItemTemplate RenderFragment<TItem> ItemTemplate is used to render the elements in the popup if no template is given then the string value of the objects is displayed..
Label String The label of the TextField
NumberOfElementsInPopup Nullable<Int32> Maximum number of elements displayed in the popup
OnOpenedChanged EventCallback<Boolean> OnOpenedChanged is fired when the popup dialog is opened or close and the parameter indicates whenever is it open, the default value is false
OnTextChanged EventCallback<String> OnTextChanged is fired when the string value is changed(when an input occurs in the textfield or when an item is selected)
Outlined Boolean If this parameter is true then the style of the textbox is outlined see `MatTextfield`
RefBack ForwardRef
ShowClearButton Boolean This value indicates if the clear button(using a trailing icon) should be displayed, which can clear the entire text and the selected value), the default value is false
StringValue String The StringValue displayed in the TextField
Style String Specifies an inline style for an DOM element.
Value TItem The value to be used to pre-select an item from the list
ValueChanged EventCallback<TItem> ValueChanged is fired when the value is selected(by clicking on an element in the popup)
Ref ElementReference Returned ElementRef reference for DOM element.
Clear Button

Selected value:

With Full Width
In an edit form with a Data Annotation Validator
If you like MatBlazor, please put a star on GitHub.