Kendo UI for Vue ComboBox Overview
The Kendo UI for Vue ComboBox is a form component that lets you choose a single predefined value from a list and is a richer version of the <select> element and supports filtering, virtualization, and entering of custom values.
The Kendo UI for Vue ComboBox component is part of the Kendo UI for Vue library of UI components. It is distributed through NPM under the kendo-vue-dropdowns package.
Basic Usage
The following example demonstrates the ComboBox in action.
Example
View Source
Change Theme:
Functionality and Features
- Data and value binding
- Custom values
- Filtering
- Suggestions
- Appearance
- Custom rendering
- Virtualization
- Floating labels
- Forms support
- Common scenarios
- Globalization
- Keyboard navigation
- Accessibility
To learn more about the appearance, anatomy, and accessibility of the ComboBox, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
Support and Learning Resources
- ComboBox Homepage
- API Reference of the ComboBox 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)
- ComboBox Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code
