JSP Chip

Overview

The Telerik UI for JSP Chip is a dynamic info UI block component that shows text, an optional close or delete icon, avatars or images. Often used in social media platforms or emails to illustrate the different users in the recipient’s field, the JSP Chip control is perfect for listing selected items.
See the JSP Chip demo
Chip Types

For your convenience, several ready-to-use chip types are available with the Telerik UI for JSP Chip component. Benefit from the unique styles of the base, info, error, success and warning chip types to save time and effort.
Appearance
Two predefined appearance options are available for you to choose from, based on your design needs and preferences:
- Filled Chip sets a background color to its content
- Outlined Chip sets a transparent background color and an outline
See the JSP Chip Appearance demo
Customization

Benefit from the available customization options to align the look and feel of the Telerik UI for JSP Chip component to your app’s design. Adding icons, images, avatars, custom icons, links or any other content to the chip is a piece of cake.
Events

To ensure smooth interaction, the Telerik UI for JSP Chip component exposes different events related to user interaction - clicking, selection and removal.

Check out the JSP Chip events demo
Removable Chip

Leverage the removable property to define whether the Telerik UI for JSP Chip control should provide a built-in “X” icon to allow users to remove the chip with a single click. In case you set the property to false, the JSP Chip will render without the close/delete icon.
Disabled Chip

Easily disable the JSP Chip component if the specific scenario requires it. By default, the component is enabled, but leveraging the disabled property, you can quickly make certain items non-selectable. This is useful in cases when an item from the list is not available at the time.
Inherit Progress Kendo UI Framework Features

Inherit standard Kendo UI framework benefits such as Model-View-ViewModel (MVVM), customizing templates, globalization and keyboard navigation by using the Chip widget.