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. |
Selected value: