# Dev Diary Ep61 - You can filter what now?!

**URL:** <https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226>\
**Category:** Elements\
**Created:** [February 11, 2025, 1:36pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226 "2025-02-11T13:36:02Z")\
**Posts on this page:** 8\
**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 11, 2025, 1:36pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226/1 "2025-02-11T13:36:02Z")

</div>

Hello again,

Yesterday, we shared a [video showcasing the new Accordion Component](https://forums.realmacsoftware.com/t/dev-diary-ep60-new-accordion-component/46218), and today, we’re back with another video—and **another brand-new component!**

Introducing the **Filter Component**. Watch the video below to see what it can do and how you can use it in your projects.

**Both the Accordion and Filter components will be available in a new beta later this week.** We’ll also share the demo files from the videos alongside the beta release.

_Two days, two new components. I wonder what tomorrow will bring…_

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/0/506535c914e47a9fe609f22dca27c53659b50aa5.jpeg "Dev Diary Ep61 - You can Filter what now?!") ](https://www.youtube.com/watch?v=Fwi-Jvk1Jaw)

## 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:** ![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, 4:52pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226/2 "2025-02-11T16:52:18Z")

</div>

Another excellent addition to the list of components. This one is going to huge for some of my sites with information heavy pages.

Mahalo!

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [February 11, 2025, 6:56pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226/3 "2025-02-11T18:56:38Z")

</div>

Wow. Just … wow!

---

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [February 11, 2025, 7:44pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226/4 "2025-02-11T19:44:58Z")

</div>

@dan  
Not, sure yet, as haven’t seen the code, but you kept mentioning ids for targeting for filter. I wouldn’t recommend using multiple instances of same id, which is not following standards compliance, will break screen readers and may cause problems with other 3rd-party scripts in the future. Simple fix, just use a class or data attribute.

---

<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, 8:53pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226/5 "2025-02-11T20:53:37Z")

</div>

No worries—we’re actually handling this properly in Elements using Alpine.js and x-data, so everything is scoped correctly using data attributes.

Appreciate the concern, but all is good on this front! 😊

---

<div class="post-metadata">

**Author:** ![bjarne.larsen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bjarne.larsen/32/26860_2.png) [@bjarne.larsen](https://forums.realmacsoftware.com/u/bjarne.larsen)\
**Post date:** [February 12, 2025, 4:54am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226/6 "2025-02-12T04:54:08Z")

</div>

It’s great what the filter can do - but is it possible to do a search on a web page and its underlying pages without having to create an ID in all containers?

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [February 12, 2025, 7:57am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226/7 "2025-02-12T07:57:40Z")

</div>

> [@bjarne.larsen](#):
>
> is it possible to do a search on a web page and its underlying pages

I just want to say that this Filter component should not be considered as a full site-wide search.

To clarify, the Filter component is designed exclusively for narrowing down content already displayed on a single page—it lets visitors refine what’s visible within a specific container or group. This is different from a Search component, which retrieves content from across an entire website based on user-entered keywords.

- **Website Search:** Retrieves content from the entire site using user queries.
- **Web Page Filtering:** Narrows down content already loaded on the page using predefined criteria.

We want to add full site-wide search functionality to Elements in the future.

---

<div class="post-metadata">

**Author:** ![bjarne.larsen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bjarne.larsen/32/26860_2.png) [@bjarne.larsen](https://forums.realmacsoftware.com/u/bjarne.larsen)\
**Post date:** [February 13, 2025, 11:10am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep61-you-can-filter-what-now/46226/8 "2025-02-13T11:10:56Z")

</div>

> [@ben](#):
>
> We want to add full site-wide search functionality to Elements in the future.

Looking forward to that funktionalitet!
