• What is KendoReact
  • Getting Started
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilitiesupdated
    • Conversational UI
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editorupdated
    • Excel Export
    • File Saver
    • Formupdated
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewerupdated
    • 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: