Accordion is a header which can be clicked to hide or reveal additional content.
level prop states the heading level for assistive technologies.
You can set the Accordion to be open by default using the
If you need to use a custom heading, pass in a
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: