Accordion

See live demo for all the available settings for the ‘accordion‘ Gutenberg block.

Feature Demo – Nested Accordion

You can utilize our nested accordion feature to group related content together and display complex information with hierarchical relationships. This makes it easier for users to find what they’re looking for, especially when dealing with a large amount of information.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Donec luctus orci lectus, eu gravida enim sollicitudin eu. Nunc orci dolor, tincidunt non neque aliquam, luctus faucibus quam. Quisque malesuada tincidunt nulla ac consequat. Curabitur tincidunt mauris vel malesuada semper. Morbi in viverra tortor, at sodales eros. Praesent eget ante id augue varius tempus. Nullam quis leo sodales, interdum metus id, ultrices nunc. Suspendisse porta mi elit, ac dapibus dui vulputate ut. Aenean eget sapien et nibh mollis rhoncus. Duis consequat, massa non facilisis condimentum, arcu quam dictum diam, at posuere turpis leo quis erat. Donec pulvinar sapien at velit faucibus viverra. Nulla facilisi. Fusce eu lectus eget lectus aliquet suscipit ac sit amet tortor. Ut nec consectetur est. Sed mattis bibendum pulvinar.

Feature Demo – Label Counter Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas interdum justo eget hendrerit laoreet. Morbi posuere massa pulvinar, egestas erat sed, imperdiet arcu. Donec ornare, mauris in feugiat varius, nisl tortor placerat urna, eget elementum velit neque non augue. Praesent ut hendrerit mi, ultricies dapibus metus. Nulla odio leo, tincidunt et turpis laoreet, commodo ullamcorper ipsum. Nulla scelerisque venenatis leo eu cursus. Pellentesque leo massa, porttitor vitae turpis sed, convallis molestie quam.
Nulla finibus turpis elit, ut tempor nulla tempor eget. Maecenas vulputate nisl ut quam viverra hendrerit. Vestibulum vulputate ultricies imperdiet. Phasellus vel magna ut sapien molestie consectetur ut sit amet felis. Cras varius fermentum eros eget posuere. Aenean a accumsan eros. Phasellus aliquet nisi eget viverra fermentum. Nam at convallis nisl, rhoncus commodo turpis. Vestibulum cursus rutrum iaculis. Nulla sodales, quam ac sollicitudin facilisis, orci nisi accumsan orci, sit amet viverra nisl tellus luctus nulla. Sed sagittis orci augue, in congue enim rutrum vel. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse tristique tellus a rhoncus rhoncus.
Praesent sed sagittis odio, cursus ultricies risus. Mauris pretium libero nec massa finibus, quis suscipit dui sagittis. Fusce rhoncus ante sed tempus cursus. Proin pharetra ex ut sapien pharetra, ut molestie lacus faucibus. Cras vel nunc nec dui mattis scelerisque non tempus elit. Nulla viverra sed dui at laoreet. Curabitur cursus ex ante, id finibus ligula ultrices in. Integer mollis cursus quam eu finibus.

Feature Demo – Flexible Positioning

Our style component includes almost all CSS properties, allowing you to create any imaginable style. If you’re unfamiliar with CSS, you can use our variations library to easily select and import your preferred design.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Feature Demo – Icon on Left Accordion

Easily select an icon from our vast collection of icon libraries (e.g. Font Awesome, Icon Font, and Bootstrap Icons) and position it anywhere you see fit!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Feature Demo – Icon on Right Accordion

Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.
Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.

Feature Demo – Image Block Under Accordion

Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged

Feature Demo – Image Gallery Accordion

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever
Red Color Flower
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever

Feature Demo – Youtube Video Accordion

Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.
Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.
Registration can be completed online through the event’s official website. Look for the “Register” or “RSVP” button and follow the instructions provided.

Feature Demo – Accordion with Tabs

Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged

Feature Demo – Post Accordion

Our Post Accordion feature queries all the available posts and sets their titles as accordion headers. Under the accordion body, you can add dynamic post elements like feature images and post excerpts.

Feature Demo – Post Gird Under Accordion

Blog
Duis euismod tempor mi

ornare quis nunc. Donec vel augue luctus, aliquam orci non, malesuada nisl. Aenean vel orci fringilla,

Read More
T-shirt
tempus congue erat volutpat vel

In hac habitasse platea dictumst. In nisi orci, consequat ut porta eget, sollicitudin non libero. Sed

Read More
Shop
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat imperdiet scelerisque. Vivamus porta, elit ac

Read More