Accordion

Collapse

Accordions are used across memorisely to contain lists or text in a small collapsable form. Accordions have two states of either being collapsed or expanded. We have two types of accordions for navigation and page flow.

Navigation

Our navigation accordions base state is expanded to show all options. Section titles are heading five text, and list links are regular buttons. Sections have a left sided plus that transition into a strike when collapsed. Click or tap a section to collapse it.

Flow

Our flow accordions are used to create sequential experiences. These have an accordion header with chevron that expand to reveal an accordion body
1
Step
Next
Each flow accordion has a series of steps to follow and this is commonly used for onboarding or upskilling.
2
Step
Next
Each flow accordion has a series of steps to follow and this is commonly used for onboarding or upskilling.
3
Step
Go again!
Each flow accordion has a series of steps to follow and this is commonly used for onboarding or upskilling.
Return to

Spacing