How to create this accordion

[mhannor]

I was looking at your accordion from your documentation. How do I make this style accordion.

[ruenel]

Hello Marshae,

Thanks for writing in! You can replicate this accordion by utilizing the Accordion element and tweaking the settings adding backgrounds, removing shadows, and having borders.

1.) Start by adding a background color to your Column container
2.) Remove all the background colors of the accordion and set it to transparent
3.) Remove the shadows of the Accordion > Items
4.) Set the top and bottom borders

5.) Set the Indicator type as Icon and select your icon

6.) Adjusting your padding
7.) Change the Text colors

Hope this makes sense.

[mhannor]

This was very helpful but im not sure how to move the space between the new item and the on one.

[tristup]

Hi Marshae,

You need to adjust the Gap Height of the Accordion > Items as shown in the given screenshot.

Hope it helps.
Thanks