# Dev Diary Ep60 - New Accordion Component

**URL:** <https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218>\
**Category:** Elements\
**Created:** [February 10, 2025, 1:34pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218 "2025-02-10T13:34:46Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 10, 2025, 1:34pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/1 "2025-02-10T13:34:46Z")

</div>

Hello again,

We’re publishing a day early as we have a lot to share with you this week and next 😉

In today’s dev diary, we’re demoing the **new Accordion Component**. As always, we’ve tried to make this new built-in component as flexible as possible so you can build exactly what you need.

**The Accordion component will be available in a new beta later this week!**

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/1/81c4d2ab0532f1b3f4c9e6a881f19833f1c96182.jpeg "Dev Diary Ep60 - New Accordion Component!") ](https://www.youtube.com/watch?v=JYU6tT-swp8)

## Suggest a Feature

Don’t forget you can vote and suggest the features you want on our [open Roadmap page](https://elements.nolt.io).

## Get the Beta

If you’d like an invite to the private beta, just post a reply in this thread, and we’ll email you an invite with all the details! 😀

## Thanks for Your Feedback

As always, keep the feedback coming. Your input has made all the difference so far.

Thank you!

See you soon,  
Dan & Team Realmac.

---

<div class="post-metadata">

**Author:** ![pvonk](https://avatars.discourse-cdn.com/v4/letter/p/eb9ed0/32.png) [@pvonk](https://forums.realmacsoftware.com/u/pvonk)\
**Post date:** [February 10, 2025, 1:48pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/2 "2025-02-10T13:48:34Z")

</div>

Hello, I’m interested in joining the beta.

---

<div class="post-metadata">

**Author:** ![Graffig](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/graffig/32/12470_2.png) [@Graffig](https://forums.realmacsoftware.com/u/Graffig)\
**Post date:** [February 10, 2025, 1:48pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/3 "2025-02-10T13:48:55Z")

</div>

Afternoon Dan - many thanks for the latest update info - could you guide me as to how to source an invite to the private beta for testing - many thanks, Darron

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 10, 2025, 2:02pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/4 "2025-02-10T14:02:36Z")

</div>

@Graffig @pvonk, No problem. Check your email now for details!

---

<div class="post-metadata">

**Author:** ![Rich2020](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@Rich2020](https://forums.realmacsoftware.com/u/Rich2020)\
**Post date:** [February 10, 2025, 3:27pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/5 "2025-02-10T15:27:09Z")

</div>

Hi Dan,

I’d like to request a copy of the private beta.

Can you let me know approximately how long you’re expecting to be open to suggestions of additional features?

Thanks,  
Richard

---

<div class="post-metadata">

**Author:** ![Tov](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tov/32/29403_2.png) [@Tov](https://forums.realmacsoftware.com/u/Tov)\
**Post date:** [February 10, 2025, 4:40pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/6 "2025-02-10T16:40:31Z")

</div>

Thanks Dan, looking very smart! I assume you can add your own svg icons?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 10, 2025, 4:47pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/7 "2025-02-10T16:47:18Z")

</div>

> [@Rich2020](#):
>
> I’d like to request a copy of the private beta.

No problem, check your email for details!

> [@Rich2020](#):
>
> Can you let me know approximately how long you’re expecting to be open to suggestions of additional features?

As long as it takes to make the best web design on the Mac! But, seriously we’re aiming to release Elements as a 1.0 later this year. Even when it’s shipped as a 1.0 we plan to keep the roadmap open and work with our users to improve Elements 😊

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 10, 2025, 4:48pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/8 "2025-02-10T16:48:43Z")

</div>

> [@Tov](#):
>
> I assume you can add your own svg icons?

Yes of course! The SVG’s I’m using re just one’s I dropped into the resources area in the project, you can add your own SVG’s in the same way 🙌

---

<div class="post-metadata">

**Author:** ![MrMacvos](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mrmacvos/32/25447_2.png) [@MrMacvos](https://forums.realmacsoftware.com/u/MrMacvos)\
**Post date:** [February 10, 2025, 6:52pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/9 "2025-02-10T18:52:29Z")

</div>

Very nice!

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [February 11, 2025, 1:28am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/10 "2025-02-11T01:28:28Z")

</div>

Seems to tick all of the boxes for me, awesome.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [February 11, 2025, 8:13am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/11 "2025-02-11T08:13:38Z")

</div>

when you release the beta can you leave your examples…I would like to see how you build som of those accordions  
Thanks

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [February 11, 2025, 8:43am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/12 "2025-02-11T08:43:05Z")

</div>

If you look at all “dev diary” videos theres a link to download file - if there is one - Dan said this would be dropping later this week.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [February 11, 2025, 8:47am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/13 "2025-02-11T08:47:21Z")

</div>

I know mate…been here almost from the beginning  
also if you read my comment it says ‘’ when you release’’

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [February 11, 2025, 9:32am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/14 "2025-02-11T09:32:57Z")

</div>

Sorry Newbie and glad you’ve been here from start - I was only commenting as Dan said - The Accordion component will be available in a new beta later this week - and normally he leaves a link. THNAKS for getting back to me.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [February 11, 2025, 9:41am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/15 "2025-02-11T09:41:31Z")

</div>

aggggghhhhhhhh!!!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 11, 2025, 11:48am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/16 "2025-02-11T11:48:29Z")

</div>

Don’t worry, I will post links to all the sample documents I demo this week along with the beta 😉

---

<div class="post-metadata">

**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\
**Post date:** [February 11, 2025, 2:45pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/17 "2025-02-11T14:45:52Z")

</div>

Bravo! This is really one of the best implementations I have seen so far on an Accordion. The flexibility is really amazing - especially with the new filter component 👍

---

<div class="post-metadata">

**Author:** ![oromanow](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oromanow/32/16141_2.png) [@oromanow](https://forums.realmacsoftware.com/u/oromanow)\
**Post date:** [February 11, 2025, 2:50pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/18 "2025-02-11T14:50:19Z")

</div>

I would like to be invited to beta

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 11, 2025, 3:20pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/19 "2025-02-11T15:20:08Z")

</div>

No problem, check your email for details on the beta 😊

---

<div class="post-metadata">

**Author:** ![RussOggi255](https://avatars.discourse-cdn.com/v4/letter/r/ee7513/32.png) [@RussOggi255](https://forums.realmacsoftware.com/u/RussOggi255)\
**Post date:** [February 14, 2025, 10:19am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218/20 "2025-02-14T10:19:33Z")

</div>

I might be missing something obvious in the config section but can you default to having one of the Accordions open when you visit a page.

[Next page](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218.md?page=2)
