PanelBarProps
Represents the props of the KendoReact PanelBar component.
Definition
Package:@progress/kendo-react-layout
Properties
animation?
boolean
Sets the animation state of the PanelBar.
true
children?
ReactNode
The child can be either a single PanelBarItem or a PanelBarItem array.
className?
string
The class name that is set to the PanelBar.
dir?
string
Sets the direction of the PanelBar component.
expanded?
string[]
Sets the initial expanded state of the PanelBar. Takes the id of the item.
Sets the expand mode of the PanelBar (see example).
The available modes are:
"single"—Allows you to expand only one item at a time. The expanding of an item collapses the item that was previously expanded."multiple"—Allows you to expand two or more items at a time. Items can also be toggled.
'multiple'
focused?
string
Sets the initial focused state of the PanelBar. Takes the id of the item.
isControlled?
boolean
Determines if the PanelBar is going to be used in controlled state.
false
keepItemsMounted?
boolean
Determines if the PanelBar items will be mounted after expand collapse.
false
onSelect?
(event: PanelBarSelectEventArguments) => void
Fires each time the user makes a selection (see example).
selected?
string
If set, overrides the currently selected property in the PanelBar state. Takes the id of the item.
style?
CSSProperties
Sets additional CSS styles to the PanelBar.
webMcp?
boolean | WebMcpProps
Enables Web MCP tool registration so AI agents can interact with this PanelBar.
Set to true to use the provider-level dataName, or pass a config object to override.
Requires a WebMcpProvider ancestor from @progress/kendo-react-webmcp.