Accordion component

The accordion list allows users to show/hide details from a list item.

Accordion list

Structure

Each accordion has content and a title with an arrow on the left allowing users to hide/show content.

If needed, an accordion core information section can be added on top of the record pane accordion set.

Behavior

If users do not need to see all options/information, using an accordion list is best suited to avoid long page or scrolling. 

Clicking on the accordion list arrow hides/shows detailed information and moves below items upward/downward.