# Custom Components vs Element Pack

**URL:** <https://forums.realmacsoftware.com/t/custom-components-vs-element-pack/46273>\
**Category:** Elements API\
**Created:** [February 15, 2025, 5:15pm UTC](https://forums.realmacsoftware.com/t/custom-components-vs-element-pack/46273 "2025-02-15T17:15:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 15, 2025, 5:15pm UTC](https://forums.realmacsoftware.com/t/custom-components-vs-element-pack/46273/1 "2025-02-15T17:15:39Z")

</div>

Since Custom Components are only defined on a Project base I wanted to move along with those. When using the same code in the “Template” of the Custom Component I am getting a different response while when I use the same code in a Element Pack.

Even so in both cases the root element is a div and has an hover effect and rounded edges it does not show in the Custom Component.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/1/71d9af9695d35a44d01eb153fbbf8336681e6f68.jpeg)

---

<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 15, 2025, 9:08pm UTC](https://forums.realmacsoftware.com/t/custom-components-vs-element-pack/46273/2 "2025-02-15T21:08:06Z")

</div>

Wow, looks like you’re getting on well!

Issues like this are usually down to a coding error in the component, if you share it with us we can take a look for you 😊

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 16, 2025, 4:12am UTC](https://forums.realmacsoftware.com/t/custom-components-vs-element-pack/46273/3 "2025-02-16T04:12:43Z")

</div>

Figured it out. The component works the same in both cases. The thing was the `id={{id}}`. If that is present in both cases the styling dissappears.

**With ID**

 ![Screenshot 2025-02-16 at 12.10.53](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/4/54c4c8bf335dc6312ffd6d5445e1f3fdb50244d3.png)

**Without ID**

 ![Screenshot 2025-02-16 at 12.11.03](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/f/7f2e2fae3a3a2ce678b66070114afd3b14645769.png)

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 16, 2025, 8:05am UTC](https://forums.realmacsoftware.com/t/custom-components-vs-element-pack/46273/4 "2025-02-16T08:05:25Z")

</div>

Quotes missing

`id={{id}}` → `id="{{id}}"`