UI for JSP

JSP Chip

  • Part of the Telerik UI for JSP library along with 100+ professionally-designed components.
  • Includes support, documentation, demos and more!
  • 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.

Next Steps