Example of Default Functionalities in React Chips Component

All Controls
/
Chips
/
Default

This sample demonstrates the default functionalities of Chips with different types and predefined styles. Click and interact the chip, to select single or multiple options from chips collection.

More Details...

Loading....
Description

Chip is a small block of essential information that triggers an event on click action. It contains the text, an image, or both, mostly used in contacts, mails or filter tags.

In this sample, default, input, filter and choice chips are demonstrated with their default functionalities.

  1. Input chip– Basic chip with delete icon, enables to remove chips from the chip list collection.
  2. Choice chip – Used to choose a choice from available options.
  3. Filter chip – Used to select multiple choices from available options.