What is KendoReact

Components

Animation
Barcodes
Buttons

Overview

Getting Started

Button
ButtonGroup
Chip
ChipList
DropDownButton
FloatingActionButton
Toolbar
SplitButton

Globalization

API

Charts
Common Utilities
Conversational UI
Data Grid
Data Query
Data Tools
Date Inputs
Date Math
Dialogs
Drawing
Dropdowns
Editor
Excel Export
File Saver
Form
Gantt
Gauges
Indicators
Inputs
Labels
Layout
ListBox
ListView
Mapbeta
Notification
PDF Processing
PivotGrid
Popup
Progress Bars
Ripple
Scheduler
ScrollView
Sortable
TaskBoard
Tooltips
TreeList
TreeView
Upload

Sample Applications

Styling & Themes

Common Features

Project Setup

Knowledge Base

Changelog

Components / Buttons / API / ChipListProps /

ChipListProps

Represents the properties of ChipList component.

Name	Type	Default	Description
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.
ariaLabelledBy?	`string`		Identifies the element(s) which will label the component.
chip?	`React.ComponentType<ChipProps>`		Represents Chip component.
className?	`string`		Sets additional classes to the ChipList.
data?	`any`		Represents the data about the child Chips.
defaultData?	`any[]`		Represents the default data about the child Chips.
defaultValue?	`any`		Represents the default value of the selection state of Chip component.
dir?	`string`		The ChipList direction 'ltr' as default or 'rtl'.
disabled?	`boolean`		Determines of ChipList is disabled.
id?	`string`		Sets the `id` property of the top div element of the ChipList.
name?	`string`		Specifies the `name` property of the `input` DOM element. This property is part of the FormComponentProps interface.
required?	`boolean`		Specifies if `null` is a valid value for the component. This property is part of the FormComponentProps interface.
selection?	`string`		Represents the selection state of Chip component.
size?	`"null" \| "small" \| "medium" \| "large"`	`medium`	Configures the `size` of the ChipList. The available options are: small medium large null—Does not set a size `className`.
style?	`React.CSSProperties`		Sets additional CSS styles to the ChipList.
tabIndex?	`number`		Sets the `tabIndex` attribute.
textField?	`string`		Represents the `text` field of Chip, used for the `label`.
valid?	`boolean`		Overrides the validity state of the component. If `valid` is set, the `required` property will be ignored. This property is part of the FormComponentProps interface.
validationMessage?	`string`		Controls the form error message of the component. If set to an empty string, no error will be thrown. This property is part of the FormComponentProps interface.
validityStyles?	`boolean`		If set to `false`, no visual representation of the invalid state of the component will be applied. This property is part of the FormComponentProps interface.
value?	`any`		Represents the selection state of Chip component.
valueField?	`string`		Represents the `value` field of Chip, used for setting the Chip `id`.

Methods

onChange

Triggered after value change.

Parameters
event	`ChipListChangeEvent`

onClick

Parameters
args	`KendoMouseEvent<T>`

onDataChange

Triggered after Chip data change.

Parameters
event	`ChipListDataChangeEvent`

onDoubleClick

Parameters
args	`KendoMouseEvent<T>`

onMouseDown

Parameters
args	`KendoMouseEvent<T>`

onMouseEnter

Parameters
args	`KendoMouseEvent<T>`

onMouseLeave

Parameters
args	`KendoMouseEvent<T>`

onMouseMove

Parameters
args	`KendoMouseEvent<T>`

onMouseOut

Parameters
args	`KendoMouseEvent<T>`

onMouseOver

Parameters
args	`KendoMouseEvent<T>`

onMouseUp

Parameters
args	`KendoMouseEvent<T>`

ChipListProps

ariaDescribedBy?

ariaLabelledBy?

chip?

className?

data?

defaultData?

defaultValue?

dir?

disabled?

id?

name?

required?

selection?

size?

style?

tabIndex?

textField?

valid?

validationMessage?

validityStyles?

value?

valueField?