• 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
Components / Layout / API / ExpansionPanelProps / 

ExpansionPanelProps

The props of the ExpansionPanel component.

NameTypeDefaultDescription

ariaControls?

string

Sets aria-controls. The value should represent the id of the controlled content element.

children?

React.ReactNode

The React elements that will be rendered inside the ExpansionPanel.

className?

string

Sets additional CSS classes to the ExpansionPanel.

collapseIcon?

string

Sets a custom icon via css class(es), for the collapsed state of the ExpansionPanel.

collapseSVGIcon?

SVGIcon

Sets a custom SVG icon for the collapsed state of the ExpansionPanel.

dir?

string

Sets the dir property of the ExpansionPanel.

disabled?

boolean

Sets the disabled state of the ExpansionPanel.

expanded?

boolean

Sets the expanded state of the ExpansionPanel.

expandIcon?

string

Sets a custom icon via css class(es), for the expanded state of the ExpansionPanel.

expandSVGIcon?

SVGIcon

Sets a custom SVG icon for the expanded state of the ExpansionPanel.

id?

string

Sets the id property of the root ExpansionPanel element.

onAction?

(event: ExpansionPanelActionEvent) => void

The event handler that will be fired when the expanded state of the ExpansionPanel is about to change.

style?

React.CSSProperties

Sets additional CSS styles to the ExpansionPanel.

subtitle?

React.ReactNode

Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.

tabIndex?

number

Sets the tabIndex property of the ExpansionPanel.

title?

React.ReactNode

Specifies the primary text in the header of the ExpansionPanel.

In this article

Not finding the help you need?

Contact Support