Soenneker.Blazor.TomSelect 4.0.4615

Prefix Reserved

There is a newer version of this package available.
See the version list below for details.

dotnet add package Soenneker.Blazor.TomSelect --version 4.0.4615

NuGet\Install-Package Soenneker.Blazor.TomSelect -Version 4.0.4615

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.4615" />

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.4615" />
                    

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

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: Soenneker.Blazor.TomSelect, 4.0.4615"

#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.4615

#: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.4615
                    

                            Install as a Cake Addin

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

                            Install as a Cake Tool

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

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.

net10.0
- Soenneker.Asyncs.Initializers (>= 4.0.78)
- Soenneker.Blazor.Extensions.EventCallback (>= 4.0.456)
- Soenneker.Blazor.Utils.InteropEventListener (>= 4.0.4056)
- Soenneker.Blazor.Utils.ResourceLoader (>= 4.0.1713)
- Soenneker.Extensions.List (>= 4.0.982)
- Soenneker.Json.CollectionConverter (>= 4.0.837)
- Soenneker.Lepton.Suite (>= 4.0.50)
- Soenneker.Utils.Case (>= 4.0.67)

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.	101.7K

GitHub repositories

This package is not used by any popular GitHub repositories.

Version	Downloads	Last Updated
11.0.4873	49	10/27/2026
11.0.4872	50	10/27/2026
11.0.4871	52	10/26/2026
11.0.4870	53	10/26/2026
11.0.4867	52	10/26/2026
11.0.4866	42	10/26/2026
11.0.4865	54	10/26/2026
11.0.4864	51	10/26/2026
11.0.4863	48	10/26/2026
11.0.4861	48	10/26/2026
4.0.4860	91	10/25/2026
4.0.4859	88	10/24/2026
4.0.4858	61	10/24/2026
4.0.4857	80	10/24/2026
4.0.4856	111	10/21/2026
4.0.4855	253	10/15/2026
4.0.4854	123	10/15/2026
4.0.4853	86	10/15/2026
4.0.4852	106	10/15/2026
4.0.4615	128	8/14/2026

Update dependency Soenneker.Blazor.Utils.InteropEventListener to 4.0.4056 (#5997)