# Dev Diary Ep44 - V2 Components Intro for Beta Testers

**URL:** <https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096>\
**Category:** Elements\
**Created:** [October 30, 2024, 3:19pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096 "2024-10-30T15:19:10Z")\
**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:** [October 30, 2024, 3:19pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/1 "2024-10-30T15:19:10Z")

</div>

Hey Beta Testers!

This video is squarely aimed at current beta testers, it’s here to give you more of an idea of what to expect when we ship the next beta… and yes, we’re aiming to ship it this week — Stay tuned!

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/1/d154f6fd6f3469c42157580f8f5edfabbe8a63f3.jpeg "Dev Diary Ep44 —V2 Components Intro for Beta Testers") ](https://www.youtube.com/watch?v=lTT7-fP78do)

## Thanks as always!

We’re listening to all your feedback and working super hard to make Elements the perfect website builder.

See you next soon 👋

Thanks,

Dan & Team Realmac.

---

<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:** [October 30, 2024, 3:48pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/2 "2024-10-30T15:48:50Z")

</div>

I noticed no Image Gallery…is that still under construction?

---

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [October 30, 2024, 4:00pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/3 "2024-10-30T16:00:14Z")

</div>

No Paragraph either? Do you intend Header to be used for all text, if so, any chance you could rename it to Text to be more generic/intuitive (and provide a way to specify the tag used; p, h1, h2, etc?

This is looking great @dan. I think the decision to really lean on Tailwind and rethink the property inspector has paid off. Also I love the thought you’ve put into the file QuickLook preview.

Are you planning on organizing the inspector further as it’s not entirely clear the order of the property groups, and some of them even have different names. ie: background, and color and background. I’m not sure whether it’s better to sort them alphabetically, by most likely to be used, or perhaps (post v1) user preference?

One other thing with all of these property groups is the when they’re all collapsed it’s impossible to see which properties might have breakpoint overrides, which in turn, requires the user toggling them all open/closed to find the overridden properties.

---

<div class="post-metadata">

**Author:** ![shubhanyu](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@shubhanyu](https://forums.realmacsoftware.com/u/shubhanyu)\
**Post date:** [October 30, 2024, 5:07pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/4 "2024-10-30T17:07:53Z")

</div>

This looks good! Waiting for this to ripen.

---

<div class="post-metadata">

**Author:** ![KipV](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kipv/32/33413_2.png) [@KipV](https://forums.realmacsoftware.com/u/KipV)\
**Post date:** [October 30, 2024, 5:22pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/5 "2024-10-30T17:22:59Z")

</div>

This very briefly shows the link tool, I was curious if you will be able to access links like a regular web browser? I’m not sure if one of the previous videos has shown that yet.

---

<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:** [October 30, 2024, 7:06pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/6 "2024-10-30T19:06:59Z")

</div>

Would it be possible to see a list of the planned v2 components so we can get a better understanding. This will also help not having us ask questions about something that is already planned an just not yet included.

For example, what is the plan for ANCHORS, this is something that I use all the time but I don’t think it has been mentioned in any of these videos, but I could be wrong.

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [October 30, 2024, 7:08pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/7 "2024-10-30T19:08:35Z")

</div>

> [@anon68150607](#):
>
> Are you planning on organizing the inspector further as it’s not entirely clear the order of the property groups, and some of them even have different names. ie: background, and color and background. I’m not sure whether it’s better to sort them alphabetically, by most likely to be used, or perhaps (post v1) user preference?

I vote for either order of frequently used or same as in Tailwind Docs. More of the leaning into Tailwind.

---

<div class="post-metadata">

**Author:** ![paulcruice](https://avatars.discourse-cdn.com/v4/letter/p/f0a364/32.png) [@paulcruice](https://forums.realmacsoftware.com/u/paulcruice)\
**Post date:** [October 30, 2024, 7:23pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/8 "2024-10-30T19:23:02Z")

</div>

Dan, I have been asking about the ability to flow text into columns but had no answer yet. Will Elements have this ability?

---

<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:** [October 30, 2024, 8:42pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/9 "2024-10-30T20:42:27Z")

</div>

> [@Godber](#):
>
> I noticed no Image Gallery…is that still under construction?

Yes, we’re working on it!

---

<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:** [October 30, 2024, 8:45pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/10 "2024-10-30T20:45:20Z")

</div>

> [@anon68150607](#):
>
> No Paragraph either? Do you intend Header to be used for all text, if so, any chance you could rename it to Text to be more generic/intuitive (and provide a way to specify the tag used; p, h1, h2, etc?

The current plan is to have two text components, one for rich text and one for plain text.

> [@anon68150607](#):
>
> This is looking great @dan. I think the decision to really lean on Tailwind and rethink the property inspector has paid off. Also I love the thought you’ve put into the file QuickLook preview.

Thank you!

> [@anon68150607](#):
>
> I’m not sure whether it’s better to sort them alphabetically, by most likely to be used, or perhaps (post v1) user preference?

I’m not sure to be honest, at the moment we order them the same as the Tailwind manual, hah. But perhaps this is not correct.

We might organize them based on most used 🤔

> [@anon68150607](#):
>
> One other thing with all of these property groups is the when they’re all collapsed it’s impossible to see which properties might have breakpoint overrides, which in turn, requires the user toggling them all open/closed to find the overridden properties.

Maybe we need to add a top level blue dot, so it’s easy to tell what sections have a breakpoint setting applied.

---

<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:** [October 30, 2024, 8:45pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/11 "2024-10-30T20:45:57Z")

</div>

> [@KipV](#):
>
> This very briefly shows the link tool, I was curious if you will be able to access links like a regular web browser? I’m not sure if one of the previous videos has shown that yet.

You can link to any page on the Internet using the link panel…

---

<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:** [October 30, 2024, 8:48pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/12 "2024-10-30T20:48:16Z")

</div>

> [@paulcruice](#):
>
> Dan, I have been asking about the ability to flow text into columns but had no answer yet. Will Elements have this ability?

No, not yet, but I think it would be possible to do — Is this something a lot of people would want? 🤔

---

<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:** [October 30, 2024, 8:49pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/13 "2024-10-30T20:49:42Z")

</div>

> [@handshaper](#):
>
> For example, what is the plan for ANCHORS, this is something that I use all the time but I don’t think it has been mentioned in any of these videos, but I could be wrong.

We’ve not actually discussed this internally, how would you like it to work?

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [October 30, 2024, 8:51pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/14 "2024-10-30T20:51:15Z")

</div>

In its most simple form, a component with an anchor icon that gets put on the page, and you can link to it just like you can link to a page, resource or URL.

Helpful on long pages, where you can link and go to a specific spot on the page.

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [October 30, 2024, 9:01pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/15 "2024-10-30T21:01:02Z")

</div>

How about adding another property alongside the link property in a Component. So it could be enabled and the anchor name added?

---

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [October 30, 2024, 9:10pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/16 "2024-10-30T21:10:56Z")

</div>

> [@sbchasin](#):
>
> …a component with an anchor icon that gets put on the page, and you can link to it just like you can link to a page, resource or URL.

I wonder if anchors are something that should be another property that is available for any component, so that it’s possible to set-up links directly to various sections of the page (headers, feature sections, galleries, etc)?

---

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [October 30, 2024, 9:23pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/17 "2024-10-30T21:23:35Z")

</div>

[Flowing CSS text columns](https://developer.mozilla.org/en-US/docs/Web/CSS/columns) always sounded like a great idea in CSS, but the reality is they never really work that well, especially with the wide variety of screen sizes we have today. Also, as text passages are often made of multiple elements (h1, h2, p, ul, ol, img, svg, video, etc) the built-in CSS column feature falls woefully short. It looks like this would be achievable with Tailwind using [Grid Auto Flow](https://tailwindcss.com/docs/grid-auto-flow) and possibly a little Javascript to help balance the layout.

---

<div class="post-metadata">

**Author:** ![paulcruice](https://avatars.discourse-cdn.com/v4/letter/p/f0a364/32.png) [@paulcruice](https://forums.realmacsoftware.com/u/paulcruice)\
**Post date:** [October 30, 2024, 9:45pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/18 "2024-10-30T21:45:02Z")

</div>

Well, may be not many would want this ability but then again most web sites are about making money. Information web sites on the other hand, most certainly would like this abilitiy. It is my hope this will be provided to us.  
Otherwise I can’t use Elements.  
Cheers,  
Paul

---

<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:** [October 30, 2024, 10:34pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/19 "2024-10-30T22:34:56Z")

</div>

I assume we are talking about an in-page anchor: smooth scroll with an animation speed setting and respects prefers-reduced-motion.

---

<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:** [October 31, 2024, 12:13am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096/20 "2024-10-31T00:13:08Z")

</div>

I’m very surprised that this has not been discussed internally, it seems like one of those fundamental things you need when assembling a website.

The other replies pretty much cover what I would want. Although one thing that is important is to be able to link to anchors on other pages. I do this all the time to take people to the answers to specific details.

But I primarily use this for in page navigation where the page has links at the beginning taking the user to a specific part of the page.

Foundry 3 has an ANCHOR component that you can link to from anywhere there is a link property. The anchor of course has to have a unique name that can be used to make the link. For me something like the solution in Foundry 3 would be ideal. But there might be a better solution.

[Next page](https://forums.realmacsoftware.com/t/dev-diary-ep44-v2-components-intro-for-beta-testers/45096.md?page=2)
