• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timeline
      • Globalization
      • API
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • 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

PanelBarItemProps

Represents the props of the PanelBarItem component.

NameTypeDefaultDescription

animation?

boolean

Allows individual animation control over the child (see example). By default, it is controlled by the PanelBar component.

children?

React.ReactNode

Can be any of PanelBar items, an array of PanelBar items, or a custom component.

className?

string

The class name that is set to the PanelBarItem component.

disabled?

boolean

Sets the disabled state of the PanelBarItem (see example).

expanded?

boolean

Sets the initial expanded state of the PanelBarItem (see example). Controlled by the PanelBar component.

focused?

boolean

Sets the initial focused state of the PanelBarItem. Controlled by the PanelBar component.

headerClassName?

string

The class name that is set to the PanelBarItem header.

icon?

string

Defines an icon that will be rendered next to the title (see example).

iconClass?

string

Defines an icon with a custom CSS class that will be rendered next to the title (see example).

id?

string

Allows the component to set the id property to each item. If not set, a default id is applied.

imageUrl?

string

Defines the location of the image that will be displayed next to the title (see example).

selected?

boolean

Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component (see example).

svgIcon?

SVGIcon

Defines an SVG icon that will be rendered next to the title (see example).

title?

React.ReactNode

Sets the title of the PanelBar item (see example).

uniquePrivateKey?

string

Used to identify the PanelBarItems inside the PanelBar (see example). Does not depend on the state of the PanelBarItem.