ComboBoxProps
Represents the props of the KendoReact ComboBox component.
Name | Type | Default | Description |
---|---|---|---|
accessKey? |
|
Specifies the | |
adaptive? |
|
Providing different rendering of the popup element based on the screen dimensions. | |
adaptiveFilter? |
|
Sets the value of the adaptive filtering input of the of ComboBox. | |
adaptiveTitle? |
|
Specifies the text that is rendered as title in the adaptive popup. | |
allowCustom? |
|
Specifies whether the ComboBox allows user-defined values that are not present in the dataset (see example). Defaults to | |
ariaDescribedBy? |
|
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. | |
ariaLabel? |
|
The accessible label of the component. | |
ariaLabelledBy? |
|
Identifies the element(s) which will label the component. | |
className? |
|
Sets additional classes to the ComboBox. | |
clearButton? |
|
If | |
data? |
|
Sets the data of the ComboBox (more information and examples). | |
dataItemKey? |
|
Sets the key for comparing the data items of the ComboBox. If | |
defaultValue? |
|
Sets the default value of the ComboBox. Similar to the native | |
dir? |
|
Represents the | |
disabled? |
|
Sets the disabled state of the ComboBox. | |
fillMode? |
|
|
Configures the The available options are:
|
filter? |
|
Sets the value of ComboBox input. Useful for making the ComboBox input a controlled component. | |
filterable? |
|
Enables the filtering functionality of the ComboBox (more information and examples). | |
focusedItemIndex? |
|
If set, the ComboBox will use it to get the focused item index. Default functionality returns the first item which starts with the input text. jsx
| |
footer? |
|
Sets the footer component of the ComboBox (see example). | |
groupField? |
|
Sets the data item field that represents the start of a group. Applicable to objects data. | |
groupHeaderItemRender? |
|
Fires when a ComboBox group header item is about to be rendered. Used to override the default appearance of the group's headers when the component is configured in | |
groupMode? |
|
Defines the | |
groupStickyHeaderItemRender? |
|
Fires when a ComboBox sticky group header item is about to be rendered. Used to override the default appearance of the sticky group header of the component. | |
header? |
|
Sets the header component of the ComboBox (see example). | |
iconClassName? |
|
Sets CSS classes to the expand | |
id? |
|
Specifies the id of the component. | |
itemRender? |
|
Fires when a ComboBox list item is about to be rendered (see example). Used to override the default appearance of the list items. | |
label? |
|
Renders a floating label for the ComboBox. | |
listNoDataRender? |
|
Fires when the element which indicates no data in the popup is about to be rendered. Used to override the default appearance of the element. | |
loading? |
|
Sets the loading state of the ComboBox (see example). | |
name? |
|
Specifies the This property is part of the FormComponentProps interface. | |
onBlur? |
|
Fires each time the ComboBox gets blurred. | |
onChange? |
|
Fires each time the value of the ComboBox is about to change (see examples). | |
onClose? |
|
Fires each time the popup of the ComboBox is about to close. | |
onFilterChange? |
|
Fires each time the user types in the filter input (see examples). You can filter the source based on the passed filtration value. | |
onFocus? |
|
Fires each time the user focuses the ComboBox. | |
onOpen? |
|
Fires each time the popup of the ComboBox is about to open. | |
onPageChange? |
|
Fires when both the virtual scrolling of the ComboBox is enabled and the component requires data for another page (more information and examples). | |
opened? |
|
Sets the opened and closed state of the ComboBox. | |
placeholder? |
|
The hint that is displayed when the ComboBox is empty. | |
popupSettings? |
|
Configures the popup of the ComboBox. | |
prefix? |
|
Sets a custom prefix to the ComboBox component. | |
required? |
|
Specifies if This property is part of the FormComponentProps interface. | |
rounded? |
|
|
Configures the The available options are:
|
size? |
|
|
Configures the The available options are:
|
skipDisabledItems? |
|
Defines if ComboBox's disabled items will be skipped or focused when navigating through the list of items using a keyboard. Defaults to | |
style? |
|
The styles that are applied to the ComboBox. | |
suffix? |
|
Sets a custom suffix to the ComboBox component. | |
suggest? |
|
Enables the auto-completion of the text based on the first data item (see example). | |
svgIcon? |
|
Sets the specified SVG icon. | |
tabIndex? |
|
Specifies the | |
textField? |
|
Sets the data item field that represents the item text. If the data contains only primitive values, do not define it. | |
title? |
|
Sets the title attribute to the underlying input element of the ComboBox. | |
valid? |
|
Overrides the validity state of the component.
If This property is part of the FormComponentProps interface. | |
validationMessage? |
|
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? |
|
If set to This property is part of the FormComponentProps interface. | |
value? |
|
Sets the value of the ComboBox (more information and examples). It can either be of the primitive (string, numbers) or of the complex (objects) type. | |
valueRender? |
|
Fires when the ComboBox input element is about to be rendered. Use it to override the default appearance of the component. | |
virtual? |
|
Configures the virtual scrolling of the ComboBox (more information and examples). |