This component is intended for staff-facing use only.
Use a collapsible component to organise a page with a large amount of content into sections.
Collapsibles work best when a whole page is organised around them. Avoid using them only once on a page. They can work well in the main body of a page, or in a sidebar.
A summary list is a great way to format the content inside a collapsible.
Do not use collapsibles for more detailed information that only some users may need. Use a details component instead.
You may prefer to control the behaviour of the component with a
useState hook, rather than relying on the built-in imperative JS.
If you do this, you can remove the