Kendo UI for Angular

Angular Chip

  • Build great UX with these small dynamic UI building blocks for displaying information and allowing users trigger actions and/or filter content.
  • Part of the Kendo UI for Angular library along with 100+ professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    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
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI