• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Tools
    • Date Inputs
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Card
      • ContextMenu
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menuupdated
      • PanelBar
      • Splitter
      • StackLayout
      • Stepper
      • TabStripupdated
      • TileLayout
      • Wizard
      • Globalization
      • API
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

ExpansionPanelProps

The props of the ExpansionPanel component.

NameTypeDefaultDescription

ariaControls?

string

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

class?

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

Defines an SVGIcon to be rendered within the collapse arrow.

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

Defines an SVGIcon to be rendered within the expand arrow.

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.

subtitle?

string

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

subtitleRender?

any

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?

string

Specifies the primary text in the header of the ExpansionPanel.

titleRender?

any

Specifies the primary text template in the header of the ExpansionPanel.