• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • 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

ListItemProps

Represents the props of the ListItem component.

NameTypeDefaultDescription

dataItem

any

Represents the data item of the list item element.

disabled?

boolean

Indicates the disabled/enabled state of the list item element.

focused

boolean

Indicates the focused state of the list item element.

group?

string

The group that will be rendered.

groupMode

any

Represents the classic or modern grouping mode of the DropDowns. Defaults to classic.

id?

string

Specifies the id that will be added to the list item element.

index

number

Represents the index of the list item element.

onClick

(index: number, event: MouseEvent<HTMLLIElement>) => void

The onClick event handler of the list item element.

render?

(li: ReactElement<HTMLLIElement>, itemProps: ListItemProps) => ReactNode

Fires when the list item is about to be rendered. Used to override the default appearance of the list item.

selected

boolean

Indicates the selected state of the list item element.

textField?

string

Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.