• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

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.

DEMO
SOURCE
Color
Leading icon
Avatar
Trailing icon
Outline

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.