What is KendoReact
Components
- Animation
- Barcodes
- Buttons
- Charts
- Common Utilitiesupdated
- Conversational UI
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- - Overview
  - Getting Started
  - ActionSheetnew
  - AppBar
  - Avatar
  - BottomNavigation
  - Breadcrumb
  - Card
  - Drawer
  - ExpansionPanel
  - GridLayout
  - Menu
  - Context Menunew
  - PanelBar
  - Splitter
  - StackLayout
  - TabStrip
  - Stepper
  - TileLayout
  - Globalization
  - API
- ListBox
- ListView
- Mapbeta
- Notification
- PDF Processing
- PDFViewernew
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- TaskBoard
- Tooltips
- TreeList
- TreeView
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Layout / API / PanelBarProps /

PanelBarProps

Represents the props of the KendoReact PanelBar component.

Name	Type	Default	Description
animation?	`boolean`		Sets the animation state of the PanelBar.
children?	`React.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.
expandMode?	`PanelBarExpandMode`		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"` (default)—Allows you to expand two or more items at a time. Items can also be toggled.
focused?	`string`		Sets the initial focused state of the PanelBar.
isControlled?	`boolean`		Determines if the PanelBar is going to be used in controlled state.
keepItemsMounted?	`boolean`		Determines if the PanelBar items will be mounted after expand collapse. Defaults to `false`.
selected?	`string`		If set, overrides the currently selected property in the PanelBar state.
style?	`React.CSSProperties`		Sets additional CSS styles to the PanelBar.

Methods

onSelect

Fires each time the user makes a selection (see example).

Parameters
event	`PanelBarSelectEventArguments`