Soenneker.Blazor.TomSelect 4.0.4218

Prefix Reserved
.NET 10.0 This package targets .NET 10.0. The package is compatible with this framework or higher. 
dotnet add package Soenneker.Blazor.TomSelect --version 4.0.4218
                    


                    

                
NuGet\Install-Package Soenneker.Blazor.TomSelect -Version 4.0.4218
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.4218" />
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.4218" />
                    


                            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.4218
                    


                    

                
#r "nuget: Soenneker.Blazor.TomSelect, 4.0.4218"
#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.4218
#: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.4218
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Soenneker.Blazor.TomSelect&version=4.0.4218
                    


                            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.4218 83 2/12/2026
4.0.4217 85 2/12/2026
4.0.4216 104 2/12/2026
4.0.4215 92 2/12/2026
4.0.4214 80 2/12/2026
4.0.4213 85 2/12/2026
4.0.4212 81 2/11/2026
4.0.4211 109 2/11/2026
4.0.4210 87 2/11/2026
4.0.4209 86 2/11/2026
4.0.4208 98 2/11/2026
4.0.4207 77 2/11/2026
4.0.4206 136 2/10/2026
4.0.4205 88 2/10/2026
4.0.4204 121 2/10/2026
4.0.4203 154 2/6/2026
4.0.4202 87 2/6/2026
4.0.4201 122 2/4/2026
4.0.4200 88 2/4/2026
4.0.4199 139 2/2/2026
Loading failed