Accordion
Heyflow avatar
Written by Heyflow
Updated over a week ago

Answer FAQs or make complex information easily available in expandable rows with the Accordion block.

Adding the Accordion block

  1. Navigate to the “Display” section of the “Blocks” tab and drag the Accordion block into your flow

  2. Adjust the content, formatting and design as needed


Editing options

General

  • Allow multiple open: Previously expanded items will stay open when another item is opened.

  • No animation: Expand and collapse items instantly without delay and animation.

  • Set default open: Select which elements are open by default.

Spacing

  • Width: You can use this to adjust the maximum spread of the block and choose between S, M, L and maximum width.

  • Top, Bottom, Left and Right: You can use these options to set the distance to all sides. To do this, either use the slider or specify the exact number of pixels.

Appearance

  • Visibility: Here you can select whether the block is only displayed in the mobile or desktop version or whether it is hidden completely.

  • Background colour: You can select a colour to be used as the background for the block.

  • Icon: Choose between two different icons for the display or decide not to display an icon.

Did this answer your question?