• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact Chip Overview

The KendoReact Chip component allows users to enter information, make selections, filter content, or trigger actions.

The KendoReact Chip is distributed through the kendo-react-buttons NPM package.


The following example demonstrates the Chip in action.

Example
View Source
Change Theme:

The Chip is part of the KendoReact Buttons component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the Chip and the rest of the components in the package, see the Getting Started with the KendoReact Buttons guide.

Key Features

  • Remove—The removable property allows you to make the Chip removable.
  • Customization—You can use the built-in customization options to add icons, avatars, and custom classes.
  • Appearance—You can quickly style the Chip by choosing from the predefined styling options.
  • 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—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

In this article

Not finding the help you need?