AutoComplete

This documentation provides a comprehensive reference for the AutoComplete component, guiding you through its configuration options.
Demos

Screenshot #

Blazor AutoComplete Component

Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object>? null Gets or sets additional attributes that will be applied to the component. 1.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
DataProvider AutoCompleteDataProviderDelegate<object?>? null Gets or sets the delegate used to retrieve autocomplete results for the current filter. 1.0.0
Disabled bool False Gets or sets whether the autocomplete input is disabled. When true, users cannot search or select a value. 1.0.0
EmptyText string No records found. Gets or sets the message displayed when the data provider returns no matching results. 1.0.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
LoadingText string Loading... Gets or sets the message displayed while autocomplete results are loading. 1.0.0
Placeholder string? null Gets or sets placeholder text displayed when the autocomplete input has no value. 1.0.0
PropertyName string? null Gets or sets the TItem property whose text is shown and filtered in the autocomplete input. 1.0.0
Size AutoCompleteSize Default Gets or sets the Bootstrap size of the autocomplete input. 1.0.0
StringComparison StringComparison OrdinalIgnoreCase Gets or sets the string-comparison rule used when filtering results. 1.0.0
StringFilterOperator string Contains Gets or sets the operator used to match the input text against PropertyName. 1.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Value string? null Gets or sets the current text value bound to the autocomplete input. 1.0.0
ValueExpression Expression<Func<string?>>? null Gets or sets the expression that identifies the bound value for validation and EditContext notifications. 1.0.0

Methods #

Name Return type Description Added Version
Disable() Void Disables the autocomplete input so users cannot search or change its value. 1.0.0
Enable() Void Enables the autocomplete input so users can search and select a value. 1.0.0
RefreshDataAsync() Task Refreshes the autocomplete results using the current input value and data provider. 1.0.0
ResetAsync() Task Clears the input and selected item, then notifies bound values and the change callback. 1.0.0

Events #

Name Return Type Description Added Version
OnChanged EventCallback<object?> Fires after a user selects an autocomplete item and supplies the selected item. 1.0.0
ValueChanged EventCallback<string> Fires whenever user input changes the autocomplete text value, including changes produced by typing. 1.0.0
If you like Blazor Bootstrap, give it a star on GitHub!
Blazor Bootstrap Blazor Bootstrap
  • Designed and built with all the love in the world by the Blazor Bootstrap team with the help of our contributors.
  • Code licensed Apache License 2.0.
  • Currently v4.0.0.
  • Powered by .NET 10.0.0
Links
Guides
Community
Other Libraries

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.