Components
    • Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to KendoReact? Start a free 30-day trial

ChipProps

Represents the properties of Chip component.

ariaDescribedBy?

string

Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.

children?

React.ReactNode

The React elements that will be rendered as custom content inside the Chip.

className?

string

Sets additional classes to the Chip.

dataItem?

any

Represents the item data, coming from the ChipList component.

dir?

string

The Chip direction 'ltr' as default or 'rtl'.

disabled?

boolean

Determines if the Chip is disabled.

icon?

string

Determines if the Chip has an icon.

id?

string

Sets the id property of the top div element of the Chip.

look?

string

Determines if the Chip style is filled or outlined.

onBlur?

(event: ChipFocusEvent) => void

Triggered on onBlur event.

onClick?

(event: ChipMouseEvent) => void

Triggered on onClick event.

onFocus?

(event: ChipFocusEvent) => void

Triggered on onFocus event.

onKeyDown?

(event: ChipKeyboardEvent) => void

Triggered on onKeyDown event.

onRemove?

(event: ChipRemoveEvent) => void

Triggered on Chip removing.

removable?

boolean

Determines if the Chip could be removed.

removeIcon?

string

Determines if the Chip has custom removeIcon.

selected?

boolean

Determines if the Chip is selected.

selectedIcon?

string

Determines if the Chip has custom selection icon.

style?

CSSProperties

Sets additional CSS styles to the Chip.

tabIndex?

number

Sets the tabIndex attribute.

text?

string

Sets the label text of the Chip.

type?

string

Sets the type of the Chip element - 'warning', 'error', 'success', 'info', by default - 'none'.

value?

any

Sets the id value of the Chip.