• 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
    • ListBoxupdated
    • 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

Customization

The Chip component provides the following options for customizing its look and feel:

Display avatar, custom classes and icons

You can specify a display avatar or custom classes, icons by using the icon property.

Example
View Source
Change Theme:

Custom Select Icon

You can specify a select icon by using the selectedIcon property.

Example
View Source
Change Theme:

Custom Remove Icon

You can specify a custom remove icon by using the removeIcon property. You should also allow the Chip to be removable by setting the removable property to true in order to allow the vizualization of the custom removeIcon.

Example
View Source
Change Theme:

Custom Content

You can also define any custom content as children. For example:

Example
View Source
Change Theme: