Custom Properties

Updated on Jan 7, 2026

To better identify with which element the user interacts, the PanelBar allows you to set any type of properties to the PanelBarItem.

Getting Started

You can set the custom property by passing the property to the PanelBarItem.

jsx

const App = () => {
    const onSelect = (event: PanelBarSelectEventArguments) => {
        console.log(event.target.props.customProp);
    }
    return (
        <PanelBar onSelect={onSelect}>
            <PanelBarItem title="First Item" customProp="firstItemCustomProp" />
            <PanelBarItem title="Second Item" customProp="secondItemCustomProp" />
        </PanelBar>
    )
}

Accessing Properties

You can access the property from the target of the onSelect PanelBar event.

Change Theme

Theme

Loading ...

Suggested Links

• Learn about KendoReact Free.

• API Reference of the PanelBar
• API Reference of the PanelBarItem