MSJD.AutoComplete 1.0.0

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher.
Additional Details

The filtered list does not show on mobile devices.

There is a newer version of this package available.
See the version list below for details. 
dotnet add package MSJD.AutoComplete --version 1.0.0
                    


                    

                
NuGet\Install-Package MSJD.AutoComplete -Version 1.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="MSJD.AutoComplete" Version="1.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="MSJD.AutoComplete" Version="1.0.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="MSJD.AutoComplete" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add MSJD.AutoComplete --version 1.0.0
                    


                    

                
#r "nuget: MSJD.AutoComplete, 1.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package MSJD.AutoComplete@1.0.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=MSJD.AutoComplete&version=1.0.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=MSJD.AutoComplete&version=1.0.0
                    


                            Install as a Cake Tool

Blazor AutoComplete Component

NuGet
License

A flexible and reusable AutoComplete component for Blazor that supports multi-selection, custom display logic, dark/light mode, and keyboard navigation.

Features

  • Generic support (@typeparam TItem) to handle any type.
  • Multi-select with removable chips.
  • Search-as-you-type with case-insensitive filtering.
  • Keyboard support (Backspace removes last item, Escape closes dropdown).
  • Dropdown displaying filtered items.
  • Dark/Light mode styling.
  • Customizable placeholders and empty state text.
  • Event callback for selected items change.

Installation

Install via .NET CLI:

dotnet add package MSJD.AutoComplete --version 1.0.0

Add the component to your Blazor project

<AutoComplete TItem="YourItemType"
              Items="YourItemList"
              DisplayItem="item => item.Name"
              Placeholder="Search items..."
              EmptyText="No items found"
              DarkMode="true"
              SelectedItemsChanged="OnSelectedItemsChanged" />

Parameters

Parameter Type Description
Items List<TItem> List of items to search from. Required.
SelectedItemsChanged EventCallback<List<TItem>> Invoked when selected items change.
DisplayItem Func<TItem, string> Function to define how each item is displayed. Defaults to item.ToString().
EmptyText string Text displayed when no matching item is found. Default: "No record found...".
Placeholder string Input placeholder text. Default: "Type to search...".
IsDisabled bool Disables input when true.
DarkMode bool Enables dark mode styling when true.

Usage

  • Multi-select with removable chips.
  • Keyboard shortcuts:
    • Backspace: Removes the last selected item if input is empty.
    • Escape: Closes the dropdown.
  • Event callback SelectedItemsChanged receives updated selected items:
private async Task OnSelectedItemsChanged(List<YourItemType> items)
{
    // Handle updated list
}

Notes

  • Ensure DisplayItem is set for custom types; otherwise, .ToString() is used.
  • The dropdown opens on focus and closes shortly after losing focus.

License

MIT License

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.2.0 253 11/5/2025
1.1.0 157 10/18/2025
1.0.0 288 10/16/2025 1.0.0 is deprecated because it has critical bugs.