Accordion Block

Accordion blocks can help simplify long pages and reduce scrolling. However, they also reduce content visibility and introduce an extra step for users, who must expand each section to view the information.

Accordion Best Practices

An accordion may be a good option when users only need to view a few sections of content. If most or all of the content is relevant to the user, it’s better to structure the page with clear headings and paragraphs, even if it results in a longer page.

  • Use concise, descriptive section titles that clearly communicate the content within.
  • Avoid placing important or critical information inside an accordion.
  • Effective uses for accordions include FAQs or step-by-step instructions where users typically need to access only one item at a time.

Accordion Block One Column Title - optional

Accordion Main Title - optional

This is the Accordion Description. This text is optional but can be used to provide more information or introduce the content in the accordion.

Accordion Item 1 body content

Accordion Item 2 body content

Accordion Item 3 body content

Accordion Block Tailwind One Column Margin - optional

Accordion Main Title - optional

Accordion Description - optional

Accordion Item 1 body content

Accordion Item 2 body content

Accordion Item 3 body content