Soenneker.Blazor.TomSelect 4.0.4355

Prefix Reserved

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

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

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

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

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

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

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

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

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

                            Install as a Cake Addin

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

                            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.45)
- Soenneker.Blazor.Extensions.EventCallback (>= 4.0.445)
- Soenneker.Blazor.Utils.InteropEventListener (>= 4.0.3920)
- Soenneker.Blazor.Utils.ResourceLoader (>= 4.0.1633)
- Soenneker.Extensions.List (>= 4.0.966)
- Soenneker.Gen.EnumValues (>= 4.0.30)
- Soenneker.Json.CollectionConverter (>= 4.0.821)
- Soenneker.Quark.Components.Core.Cancellable (>= 4.0.62)
- Soenneker.Utils.Case (>= 4.0.34)

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

GitHub repositories

This package is not used by any popular GitHub repositories.

Version	Downloads	Last Updated
4.0.4355	46	3/26/2026
4.0.4354	66	3/26/2026
4.0.4353	88	3/25/2026
4.0.4352	115	3/23/2026
4.0.4351	108	3/23/2026
4.0.4350	77	3/22/2026
4.0.4349	70	3/22/2026
4.0.4348	76	3/22/2026
4.0.4347	123	3/22/2026
4.0.4346	251	3/15/2026
4.0.4345	87	3/15/2026
4.0.4344	125	3/14/2026
4.0.4343	109	3/14/2026
4.0.4342	88	3/13/2026
4.0.4341	92	3/13/2026
4.0.4340	84	3/13/2026
4.0.4338	90	3/13/2026
4.0.4337	83	3/13/2026
4.0.4335	75	3/13/2026
4.0.4333	90	3/13/2026

Update dependency Soenneker.Quark.Components.Core.Cancellable to 4.0.62 (#4968)