ButtonItemProps
The props of the ButtonItem component. The ButtonItem component renders each list item in the dropdown buttons list.
Definition
Package:@progress/kendo-react-buttons
Properties
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, MouseEvent>, index: number) => void
A function that is fired when the item is clicked.
onDown?
(event: MouseEvent<HTMLLIElement, MouseEvent> | PointerEvent<HTMLLIElement>) => void
A function that is fired when the mouse or pointer is pressed down on the item.
render?
(li: ReactElement<HTMLLIElement, string | JSXElementConstructor<any>>, props: ButtonItemProps) => ReactNode | ComponentType<{ item: any; itemIndex: number }>
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.