Accordion is a header which can be clicked to hide or reveal additional content.

The level prop states the heading level for assistive technologies.

You can set the Accordion to be open by default using the openByDefault prop.

If you need to use a custom heading, pass in a headingComponent:

The background, text colours and padding of the accordion can also be specified


Expander is a button that can be clicked to hide or reveal additional content.

You can supply a onToggle callback function to take action when the Expander is opened:

Matthew James Cowlishaw, Matthew David Smith and Daniel Francis Butters, each Insolvency Practitioners of Teneo Restructuring Ltd, were appointed Joint Energy Administrators of Bulb Energy Limited on 24 November 2021. The affairs, business and property of the Company are managed by the Joint Energy Administrators. The Joint Energy Administrators act as agents of the Company and contract without personal liability.