Components

Sample Applications

Styling & Themes

Common Features

Project Setup

Changelog

Components / Layout / API / ExpansionPanelProps /

ExpansionPanelProps

The props of the ExpansionPanel component.

Name	Type	Description
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.
dir?	`string`	Sets the `dir` property of the ExpansionPanel.
disabled?	`boolean`	Sets the `disabled` state of the ExpansionPanel.
expandIcon?	`string`	Sets a custom icon via css class(es), for the expanded state of the ExpansionPanel.
expanded?	`boolean`	Sets the `expanded` state of the ExpansionPanel.
id?	`string`	Sets the `id` property of the root ExpansionPanel element.
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.

Methods

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

Parameters
event	`ExpansionPanelActionEvent`