Multiselect - Pure Admin Visual

Advanced multiselect web component from @keenmate/web-multiselect with virtual scrolling, search capabilities, and multiple display modes. Built as a framework-agnostic web component with excellent performance.

Key Features: Virtual scrolling (handles 15,000+ options), full keyboard navigation, multiple display modes, RTL support, async search, and comprehensive theming via CSS variables.

Programming Languages

Single Select Mode

Pills Mode (Default)

Shows individual badges for each selection

Count Mode

Shows "X selected" counter

Compact Mode

First item + "+X more" badge

Partial Mode

Limited badges + "+X more"

None Mode

Minimal UI with no badges

Search Mode: Filter

Hides non-matching options

Search Mode: Navigate

Jumps to matches, keeps all visible

Technologies by Category

Options grouped by Frontend, Backend, and Database categories

Disabled Options

Some options are disabled and cannot be selected

1,000 Options with Virtual Scrolling

Virtual scrolling handles massive datasets efficiently. Try searching to see instant filtering.

Arabic (RTL)

Right-to-left layout for Arabic, Hebrew, Persian, etc.

Hebrew (RTL)

Controlled via JavaScript

Monitor Changes

Event Log

npm Package: @keenmate/web-multiselect
Repository: github.com/keenmate/web-multiselect
Documentation: See package README and AI instructions in ../../web-multiselect/ai/
CSS Variables: Uses --ms-* prefix (component) and --base-* prefix (theme integration)
Theming: Pure Admin provides --base-* variables via src/scss/_base-css-variables.scss

New task assigned

Build completed

Server maintenance

New comment

Web Multiselect Component

Basic Multi-Select

Display Modes

Search & Filter

Grouped Options

Virtual Scrolling (Large Datasets)

RTL (Right-to-Left) Support

Programmatic Control

Events & Callbacks

Resources

Settings

John Doe