Soenneker.Blazor.TomSelect 4.0.4219

Prefix Reserved
dotnet add package Soenneker.Blazor.TomSelect --version 4.0.4219
                    
NuGet\Install-Package Soenneker.Blazor.TomSelect -Version 4.0.4219
                    
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="Soenneker.Blazor.TomSelect" Version="4.0.4219" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Soenneker.Blazor.TomSelect" Version="4.0.4219" />
                    
Directory.Packages.props
<PackageReference Include="Soenneker.Blazor.TomSelect" />
                    
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 Soenneker.Blazor.TomSelect --version 4.0.4219
                    
#r "nuget: Soenneker.Blazor.TomSelect, 4.0.4219"
                    
#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 Soenneker.Blazor.TomSelect@4.0.4219
                    
#: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=Soenneker.Blazor.TomSelect&version=4.0.4219
                    
Install as a Cake Addin
#tool nuget:?package=Soenneker.Blazor.TomSelect&version=4.0.4219
                    
Install as a Cake Tool

alternate text is missing from this package README image alternate text is missing from this package README image alternate text is missing from this package README image alternate text is missing from this package README image

alternate text is missing from this package README image Soenneker.Blazor.TomSelect

A Blazor interop library for the select user control library, Tom Select

This library simplifies the integration of Tom Select into Blazor applications, providing access to options, methods, plugins, and events. A demo project showcasing common usages is included.

Diligence was taken to align the Blazor API with JS. Refer to the Tom Select documentation for details.

Installation

dotnet add package Soenneker.Blazor.TomSelect

Add the following to your Startup.cs file

public void ConfigureServices(IServiceCollection services)
{
    services.AddTomSelectInteropAsScoped();
}

Usage

@using Soenneker.Blazor.TomSelect

<TomSelect
    TItem="Country" 
    TType="string" 
    OnItemAdd="OnItemAdd"
    Data="@_countries"
    TextField="@(item => item.Name)"
    ValueField="@(item => item.Id.ToString())" 
    @ref="_tomSelect"
    Configuration="@_configuration"
    @bind-Items="_selectedCountries"> // Supports two-way binding
</TomSelect>

@code{
    private TomSelect<Country, string> _tomSelect = default!;

    private List<Country>? _selectedCountries = [];
    private List<Country>? _countries;

    private readonly TomSelectConfiguration _configuration = new()
    {
        Plugins = [TomSelectPluginType.DragDrop]
    };

    protected override async Task OnInitializedAsync()
    {
        _countries = await Http.GetFromJsonAsync<List<Country>>("sample-data/countries.json");
    }

    private void OnItemAdd((string str, TomSelectOption obj) result)
    {
        Logger.LogInformation("OnItemAdd fired: Value: {value}", str);
    }

    private void LogSelectedItems()
    {
        foreach (Country item in _selectedCountries)
        {
            Logger.LogInformation("Selected item: {0}", item.Name);
        }
    }
}
Product Compatible and additional computed target framework versions.
.NET net10.0 is compatible.  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 (1)

Showing the top 1 NuGet packages that depend on Soenneker.Blazor.TomSelect:

Package Downloads
Soenneker.Blazor.SheetMapper

A Blazor component and utility library for mapping uploaded CSV or tabular files to C# objects. Supports header extraction and user-defined property mapping.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
4.0.4219 0 2/20/2026
4.0.4218 118 2/12/2026
4.0.4217 106 2/12/2026
4.0.4216 105 2/12/2026
4.0.4215 93 2/12/2026
4.0.4214 81 2/12/2026
4.0.4213 86 2/12/2026
4.0.4212 82 2/11/2026
4.0.4211 112 2/11/2026
4.0.4210 90 2/11/2026
4.0.4209 89 2/11/2026
4.0.4208 101 2/11/2026
4.0.4207 80 2/11/2026
4.0.4206 139 2/10/2026
4.0.4205 89 2/10/2026
4.0.4204 122 2/10/2026
4.0.4203 157 2/6/2026
4.0.4202 88 2/6/2026
4.0.4201 123 2/4/2026
4.0.4200 89 2/4/2026
Loading failed