Virtual Select Components Demo

Interactive examples of VirtualSelectDropdown and RemoteVirtualSelectDropdown

Static Data Example

Basic dropdown with static array of colors

Large Dataset (1000 items)

Virtual scrolling efficiently handles thousands of items

Custom Item Rendering

Using slots to customize how items are displayed

Value Binding (ID-only)

Bind a single ID to v-model. The component handles resolving the display label.

Bound Value (v-model):

null

Remote Data - Cigars

Fetches data from API with search and infinite scroll

Documentation

📁 Component location: src/components/ui/virtual-select/

📖 Full documentation: README.md

🚀 Quick start: QUICK_START.md

💡 Examples: examples/ directory