Soenneker.Blazor.TomSelect 4.0.4430

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

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

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

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

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

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

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

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

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

                            Install as a Cake Addin

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

                            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.49)
- Soenneker.Blazor.Extensions.EventCallback (>= 4.0.449)
- Soenneker.Blazor.Utils.InteropEventListener (>= 4.0.3960)
- Soenneker.Blazor.Utils.ResourceLoader (>= 4.0.1661)
- Soenneker.Extensions.List (>= 4.0.971)
- Soenneker.Json.CollectionConverter (>= 4.0.824)
- Soenneker.Lepton.Suite (>= 4.0.12)
- Soenneker.Utils.Case (>= 4.0.43)

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

GitHub repositories

This package is not used by any popular GitHub repositories.

Version	Downloads	Last Updated
4.0.4432	224	5/13/2026
4.0.4431	137	5/13/2026
4.0.4430	89	5/13/2026
4.0.4428	90	5/13/2026
4.0.4427	89	5/13/2026
4.0.4424	97	5/12/2026
4.0.4423	89	5/12/2026
4.0.4422	385	5/6/2026
4.0.4421	181	5/3/2026
4.0.4420	91	5/3/2026
4.0.4418	152	5/2/2026
4.0.4417	97	5/2/2026
4.0.4416	145	5/2/2026
4.0.4415	145	4/30/2026
4.0.4414	249	4/27/2026
4.0.4413	174	4/24/2026
4.0.4412	139	4/24/2026
4.0.4411	99	4/24/2026
4.0.4409	99	4/24/2026
4.0.4407	103	4/23/2026

Update dependency Soenneker.Utils.Case to 4.0.43 (#5254)