WeWeb Documentation

Accordion ​

An accordion lets you click to reveal more content, making it perfect for organizing information in a neat, expandable way.

accordion

Components of the Accordion ​

The accordion is made up of three main parts:

  1. Opened Header: This is what you see when the accordion is expanded. It includes the text and icon for the open state.
  2. Header: This is visible when the accordion is closed, showing the text and icon for the closed state.
  3. Content: This is the text that appears inside the accordion when it's expanded.

By default, when you drop the accordion onto the canvas, it starts off expanded. To see how it looks when closed, just switch to preview mode and close it.