New to KendoReactLearn about KendoReact Free.

ButtonItemProps

The props of the ButtonItem component. The ButtonItem component renders each list item in the dropdown buttons list.

NameTypeDefaultDescription

className?

string

One or more CSS classes that will be added to the item element.

dataItem

any

The data item represented by this button item.

focused?

boolean

Determines whether the item is focused.

id?

string

The id attribute of the item.

index?

number

The index of the item in the items list.

item?

"null" | ComponentType<{ item: any; itemIndex: number; }>

A React component for rendering the item.

onClick

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

A function that is fired when the item is clicked.

onDown?

(event: MouseEvent<HTMLLIElement> | PointerEvent<HTMLLIElement>) => void

A function that is fired when the mouse or pointer is pressed down on the item.

render?

ComponentType<{ item: any; itemIndex: number; }> | (li: ReactElement<HTMLLIElement>, props: ButtonItemProps) => ReactNode

A function or React component for rendering the item. The default rendering includes an icon, an image, and text.

textField?

string

The field of the data item that provides the text content of the item.

unstyled?

ButtonsClassStructure

Internal property for the unstyled rendering variant of the component.

Not finding the help you need?
Contact Support