Overview

BlazorXSelect is a powerful dropdown selection component that provides extensive functionality for both simple and complex scenarios. It supports single and multi-select modes, async data loading, search, virtualization, grouping, and many more advanced features.

Key Features

Single & Multi-Select: Support for both selection modes with configurable behavior
Search & Filtering: Built-in search with case-sensitive, fuzzy matching, and custom field filtering
Async Data Loading: Load data on-demand with pagination and infinite scroll
Virtualization: Efficiently render thousands of items using virtual scrolling
Grouping: Organize items into collapsible groups with headers
Templating: Fully customizable templates for items, tags, headers, and more
Accessibility: WCAG 2.1 Level AA compliant with full keyboard navigation
Internationalization: RTL support and integration with IStringLocalizer
Form Validation: Full integration with Blazor's form validation system
Mobile-Friendly: Responsive design with touch gesture support

Installation

<ItemGroup>
    <ProjectReference Include="BlazorX.Components" />
</ItemGroup>

Add the namespace to your _Imports.razor:

@using BlazorX.Components

Basic Usage

<BlazorXSelect TValue="int"
              TItem="Person"
              Items="@people"
              ValueSelector="@(p => p.Id)"
              DisplaySelector="@(p => p.Name)"
              @bind-Value="@selectedPersonId"
              Placeholder="Select a person..." />