New to KendoReactStart a free 30-day trial

The props of the ExpansionPanel component.

Definition

Package:@progress/kendo-react-layout

Properties

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

children?

ReactNode

The React elements that will be rendered inside the ExpansionPanel.

Sets additional CSS classes to the ExpansionPanel.

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

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.

Default:

false

expanded?

boolean

Sets the expanded state of the ExpansionPanel.

Default:

false

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

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

id?

string

Sets the id property of the root ExpansionPanel element.

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

style?

CSSProperties

Sets additional CSS styles to the ExpansionPanel.

subtitle?

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?

ReactNode

Specifies the primary text in the header of the ExpansionPanel.