Gutenberg Accordion Block



Gutenberg Accordion Block

It is a group of elements that expand when clicked on.

With HayyaBuild you can add accordion block to any page or post. Also, with HayyaBuild you can add accordion block to your WordPress headers and footers.
Accordion block comes with a many options for customizing icons, color, backgrounds, effects and more!. You can add any other blocks (from HayyaBuild or any other plugin) inside accordion content.
In this page you can find some examples for Gutenberg Accordion Block.

Content 1

Accordion are a group of elements that expand when clicked on. They allow you to hide content that is not immediately relevant to the user.
more blocks…

Content 2

Accordions are useful when you want to toggle between hiding and showing large amount of content:

Content 3

You can add any other blocks that you want inside accordions content.
For example HayyaBuild social media menu block

Examples

Content 1

Accordion are a group of elements that expand when clicked on. They allow you to hide content that is not immediately relevant to the user.
more…

Content 2

Accordions are useful when you want to toggle between hiding and showing large amount of content:

Expand this by default

You can add any other blocks that you want inside accordions content.
For example HayyaBuild social media menu block

Content 4

HayyaBuild features list block

You can add any other blocks that you want inside accordions content.

Always expanded

Accordion are a group of elements that expand when clicked on. They allow you to hide content that is not immediately relevant to the user.
more…

Hey!! I need my icon

Accordions are useful when you want to toggle between hiding and showing large amount of content:

Accordion Title C

You can add any other blocks that you want inside accordions content.
For example HayyaBuild social media menu block

Vertical Accordion

Vertical Accordion

HayyaBuild is a powerful and straightforward WordPress plugin that offers responsive headers, pages layouts, shorcodes and footers builder,
this plugin lets you to create an unlimited number of headers, contents and footers using Gutenberg editor.

HayyaBuild 5.0 now working with new WordPress Gutenberg editor, so you can use HayyaBuild blocks with pages editor, posts editor or any post type using Gutenberg editor.

Create and manage powerful content for your WordPress blog or website, it's an easy to use HayyaBuild plugin that will help you to save your time and grab your visitor's.

Vertical Title 2

Create and manage powerful content for your WordPress blog or website, it's an easy to use HayyaBuild plugin that will help you to save your time and grab your visitor's.

Background Image

In this accordion set background image, border radius, opacity, and font color
You can customize this block as you want.

With HayyaBuild you can add accordion block to any page or post. Also, with HayyaBuild you can add accordion block to your WordPress headers and footers.

Accordion Background

And in this sections we set the background color and opacity for just this one.

Accordion Background 2
Unlimited Colors - green

GREEN
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

Unlimited Colors - blue

BLUE
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

Unlimited Colors - dark

DARK
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

Unlimited Colors - red

RED
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.

Unlimited Colors - yellow

YELLOW
In this example we removed plus icon, set every accordion elements with different color and you can expend all elements.