The Accordion block can be utilized to present related topics in a condensed format. Examples include: frequently asked questions, biographical information, and step-by-step processes. Please review the functional example below for more details.
Accordion Block
Accordion Example
This is an optional intro text area. It can be used to provide additional context to the user for the accordion. Best practice is to limit this text to 1-3 sentences.
Accordion Item Content. The content region for each Accordion Item is very flexible. They can contain: text, headings, images, lists, call to action buttons, and tables. Explore the Accordion Items below for additional examples of how content can be arranged.
Donec iaculis aliquam diam sed pretium. Etiam placerat condimentum interdum. Mauris eget maximus erat. Etiam felis nulla, efficitur eget nibh at, dapibus maximus ipsum. Vivamus vitae lacus elementum, rhoncus quam rutrum, venenatis nulla. Proin nulla arcu, dictum in consectetur non, euismod ac nisi. Curabitur in odio purus. Nullam felis arcu, elementum sit amet justo vel, lobortis posuere ligula. Suspendisse in sodales velit. In hac habitasse platea dictumst. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus cursus sollicitudin mauris a pellentesque. Integer imperdiet justo non magna vestibulum, vitae porttitor elit porta. Praesent in accumsan felis.
This is an H4 Heading
- Donec quam ante, lobortis in quam eget, vulputate aliquam turpis.
- Suspendisse mollis vestibulum tristique.
- Phasellus egestas nulla a odio finibus vestibulum.
- Proin mollis aliquam ex, pellentesque tincidunt sem egestas at.
- Proin interdum odio vel justo feugiat porta a quis magna.
- Aliquam auctor, nisi et euismod porttitor, mi ex porttitor sem, quis scelerisque quam purus sit amet nunc.
Quisque sapien turpis, interdum nec tortor vitae, posuere facilisis urna. Sed aliquam vestibulum placerat. Vivamus nec bibendum lorem. In nec finibus ligula, elementum tincidunt libero. Ut ut enim ac turpis rhoncus pharetra at id dolor. Ut semper vel leo vitae consequat. Maecenas ipsum eros, dictum eget ex vitae, ornare aliquam elit. Ut ut sagittis libero, quis posuere turpis. Praesent gravida maximus pulvinar. Proin at neque nisi.
Etiam placerat erat eleifend vulputate interdum. In tempus, erat at iaculis condimentum, massa elit varius nibh, sit amet aliquet nisl justo at ante. Nulla facilisi. Pellentesque at libero in lacus rutrum porttitor at eu sapien. Nulla elementum in nisi pulvinar pretium. Maecenas in sem hendrerit, porttitor massa nec, condimentum elit. Aenean aliquet nibh at nisl sodales, eget maximus dui iaculis. Sed suscipit neque sed sollicitudin dapibus. Sed felis ipsum, tempor scelerisque pretium quis, tincidunt vitae ipsum. Praesent posuere posuere mi, eget cursus nulla eleifend non. Vestibulum in nulla elementum ex porta dictum eu vel ex. Sed ligula mauris, eleifend sed gravida a, vehicula quis dolor. Sed a risus quis dolor molestie placerat. Proin vestibulum fermentum erat blandit imperdiet.