• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

ListItemProps

Represents the props of the ListItem component.

NameTypeDefaultDescription

dataItem

any

Represents the data item of the list item element.

focused

boolean

Indicates the focused state of the list item element.

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: any) => void

The onClick event handler of the list item element.

render?

any

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.