• What is KendoReact
  • Getting Started
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilitiesupdated
    • Conversational UI
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editorupdated
    • Excel Export
    • File Saver
    • Formupdated
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumbupdated
      • Card
      • Drawerupdated
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitterupdated
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timelinenew
      • Globalization
      • API
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewerupdated
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • 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.

NameTypeDefaultDescription

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

In this article

Not finding the help you need?

Contact Support