How do I add to my accordion?

To add a new question, select the accordion layer and click “edit”. From here, you can add more questions using the “+ item” button.

The accordion title is wrapped in a parent container, so you select the parent container and navigate to the “child layouts” section in the styles tab. From here, change the layout from “column” to “row”. Now, you can add a plus sign or dropdown arrow next to the title. From here, you can use the data tab to a make the arrow rotate when clicked (you can learn more about using the data tab here).

Hi, I looking for how to make accordion to my landing page at my site, can anyone helping me
best regards

Hi @gunturhakim :wave:t2: Thanks for reaching out!

I’d be happy to help! In Builder, you can drag and drop the Accordion block onto your page and follow the instructions above to add items to your accordion.

I’m trying to add arrow/caret functionality to my accordion and can’t figure out how to add them. Do you have any specific documentation that shows? Also the JS code to help it go up and down depending on if it is expanded or not?

I’m working with the builder.io arrow accordion and it is very glitchy and not working as anticipated.

Hey there!

Our Accordion With Arrows template allows you to insert an accordion item that has a plus/minus option. Please review this demo video showing how to use the Accordion With Arrows template and let me know if you have further questions! Loom | Free Screen & Video Recording Software | Loom

1 Like