Kendo UI for Vue Chip Overview
Updated on Nov 11, 2026
The Kendo UI for Vue Chip component allows users to enter information, make selections, filter content, or trigger actions.
The Kendo UI for Vue Chip is distributed through the kendo-vue-buttons NPM package.
Start Free Trial
The following example demonstrates the Chip in action.
Loading ...
Removable Chip
The following demo shows removable Chips and their appearance states.
Loading ...
Key Features
- Remove—The
removableproperty allows you to make the Chip removable. - Use Cases—Choose Chip patterns for entering values, selecting options, filtering collections, and triggering actions.
- Customization—You can use the built-in customization options to add icons, avatars, and custom classes.
- Appearance—You can quickly style the Chip by choosing from the predefined styling options.
- Disabled—You can easily render a disabled chip and prevent end-users from interacting with it.
To learn more about the appearance, anatomy, and accessibility of the Chip, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
Suggested Links
Support and Learning Resources
- Chip Homepage
- API Reference of the Chip 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)
- Chip Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code