ChipListProps
Represents the properties of ChipList component.
Definition
Package:@progress/kendo-react-buttons
Properties
ariaDescribedBy?
string
Identifies the element(s) which describe the component, similar to HTML aria-describedby attribute. For example, these elements could contain error or hint message.
ariaLabel?
string
The accessible label of the component.
ariaLabelledBy?
string
Identifies the element(s) which label the 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.
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.
onChange?
(event: ChipListChangeEvent) => void
Fires after value change.
onClick?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the element is clicked.
onDataChange?
(event: ChipListDataChangeEvent) => void
Fires after Chip data change.
onDoubleClick?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the element is double-clicked.
onMouseDown?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the mouse button is pressed down on the element.
onMouseEnter?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the mouse pointer enters the element.
onMouseLeave?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the mouse pointer leaves the element.
onMouseMove?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the mouse pointer moves over the element.
onMouseOut?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the mouse pointer leaves the element or any of its child elements.
onMouseOver?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the mouse pointer moves over the element or any of its child elements.
onMouseUp?
(args: KendoMouseEvent<ChipListHandle, HTMLDivElement>) => void
Fired when the mouse button is released over the element.
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?
"small" | "medium" | "large"
Configures the size of the ChipList.
The available options are:
smallmediumlarge
undefined (theme-controlled)
style?
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.