Kendo UI for Vue MultiSelect Overview
The Kendo UI for Vue MultiSelect is a form component that displays a list of options and allows for multiple selections from this list and supports custom rendering of popup items and tags, header and footer elements, virtualization, and configurable options for controlling the list behavior.
The Kendo UI for Vue MultiSelect component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-dropdowns package.
Basic Usage
The following example demonstrates the MultiSelect in action.
Functionality and Features
- Data and value binding
- Custom values
- Filtering
- Custom tags
- Appearance
- Custom rendering
- Virtualization
- Floating labels
- Forms support
- Globalization
- Keyboard navigation
- Accessibility
To learn more about the appearance, anatomy, and accessibility of the MultiSelect, visit the Progress Design System documentation. This information portal offers rich component usage guidelines, descriptions of the available style variables, and globalization support details.
Events
The following example demonstrates basic MultiSelect events.
Support and Learning Resources
- MultiSelect Homepage
- API Reference of the MultiSelect Component
- Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
- Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
- Virtual Classroom (Training Course for Registered Users)
- MultiSelect Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code