• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Default Functionalities in ASP.NET Core Chips Control

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

DEMO
SOURCE
Chips
Input Chips
Filter Chips
Choice Chips

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.