Angular Chip Component | Kendo UI for Angular
background

Kendo UI for Angular

Angular Chip

  • Small dynamic UI building blocks for displaying information and allowing users to trigger actions and/or filter content.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Chip
  • Customizable Chip (Pill) for Selected Items and Tags

    The Kendo UI for Angular Chip is a small building block component that shows text, a close or delete icon, and images. Often used in social media platforms or email clients to indicate the different users in the recipient’s field of a message, the Angular Chip component is perfect for listing selected items.

    See Angular Chip Overview demo.

    Kendo UI for Angular Chip - Overview
  • Types

    You can easily implement the Kendo UI for Angular Chip in different scenarios. The component provides several predefined types, including success, info, error and warning types, to better equip you for the manifold applications of the chip.

    See Angular Chip Types demo

    Kendo UI for Angular Chip - Types
  • Content

    Content of a Kendo UI for Angular Chip can be as simple as a string or more complex as you can add custom content, such as avatars, icons and custom classes.

    See Angular Chip Content demo.

    Kendo UI for Angular Chip - Custom Content
  • Customization

    The Chip component has the ability to display avatars and can utilize custom select and custom remove icons.

    See Angular Chip Customization demo.

  • Appearance

    Chip comes with two predefined appearance options: the Filled Chip, which sets a background color to its content, and the Outlined Chip, which sets a transparent background color and an outline.

    See Angular Chip Appearance demo.

    Kendo UI for Angular Chip - Appearance
  • Globalization

    For globalization and internationalization scenarios, the Kendo UI for Angular Chip can be rendered in an RTL (right-to-left) mode.

    See Angular Chip Globalization demo.

    Kendo UI for Angular Chip - Globalization

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka