# Kendo UI for Vue Chip Overview

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](https://www.npmjs.com/package/@progress/kendo-vue-buttons).

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the Chip in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/chip/overview/source.txt)

## Removable Chip

The following demo shows removable Chips and their appearance states.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/chip/removable-chip/source.txt)

## Key Features

* [Remove](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/chip/remove)—The [`removable`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chipprops#removable) property allows you to make the Chip removable.
* [Use Cases](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/chip/use-cases)—Choose Chip patterns for entering values, selecting options, filtering collections, and triggering actions.
* [Customization](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/chip/customization)—You can use the built-in customization options to add icons, avatars, and custom classes.
* [Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/chip/appearance)—You can quickly style the Chip by choosing from the predefined styling options.
* [Disabled](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/chip/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](https://www.telerik.com/design-system/docs/components/chip/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

## Suggested Links

* [API Reference of the Chip](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chipprops)

## Support and Learning Resources

* [Chip Homepage](https://www.telerik.com/kendo-vue-ui/chip)
* [API Reference of the Chip Component](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chipprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [Chip Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=chip)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)