n-select

What problem does it solve?

Efficient and flexible dropdowns are essential for forms and data-heavy interfaces. The n-select component consolidates single and multi-select capabilities with search, remote data loading, and option grouping to streamline user input and improve performance on large lists.

Core Features & Use Cases

• Single and multi-select support with optional tag display for multi-select.
• Client-side filtering and remote search support for large datasets.
• Grouped options and virtual scrolling for performance and organization.
• Highly configurable: placeholder, disabled state, custom rendering, and field-name mappings for backend data.
• Use Cases: forms with country or tag selection, dashboards filtering large datasets, and admin panels with grouped categories.

Quick Start

Create a basic n-select with a few options and bind its value to a state variable, then enable filterable mode for large lists.