# Field component in form container

**URL:** <https://community.weweb.io/t/field-component-in-form-container/17131>\
**Category:** How do I?\
**Tags:** components\
**Created:** [March 12, 2025, 3:00pm UTC](https://community.weweb.io/t/field-component-in-form-container/17131 "2025-03-12T15:00:37Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hugo-OC](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/hugo-oc/32/16016_2.png) [@Hugo-OC](https://community.weweb.io/u/Hugo-OC)\
**Post date:** [March 12, 2025, 3:00pm UTC](https://community.weweb.io/t/field-component-in-form-container/17131/1 "2025-03-12T15:00:37Z")

</div>

**Hi,**

I’m working on building a section where I can view and update customer information. The idea is to make this section editable when I choose to edit, but read-only otherwise.

To implement this logic and handle complex styling in both states, I decided to create a reusable component for each field and place these components inside a form container. This way, I can manage styling changes in one place without having to modify each field individually.

Here’s my current setup:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/5/5cea983a9383c75177a113c3ffd0d91b35ef39e9.png)

The component :

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6a61f461437a9a9e53d036c089186a86812bfa84.png)

The issue I’m facing is that, since the input fields are inside components, I don’t get this section to enter a field name :

Expected:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8b5081dc4cb8d9d443b6ebdabb0b1bb5b4114576.png)

In the component :

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/23e69c80a1d5f382632f72c48d103181b27986c4.png)

. I tried manually adding the `name` attribute, but it didn’t work.

Does this approach make sense? My goal is to build a flexible development “framework” so I can avoid editing every field when I need to make a global styling change.

Thanks for your help !

---

<div class="post-metadata">

**Author:** ![erikm3103](https://avatars.discourse-cdn.com/v4/letter/e/c37758/32.png) [@erikm3103](https://community.weweb.io/u/erikm3103)\
**Post date:** [March 16, 2025, 1:15pm UTC](https://community.weweb.io/t/field-component-in-form-container/17131/2 "2025-03-16T13:15:30Z")

</div>

Same issue as me. Good to see I’m not alone on this:)

> [@New Form Builder combined with components is not working](https://community.weweb.io/t/new-form-builder-combined-with-components-is-not-working/17202):
>
> There seems to be a bug or issue with the new form builder. In my case, to keep design consistent in my projects I have created various input components. When I try to use these, the variable is not appearing. If I try to use regular input fields that are not components, then it works. This is causing a little headache with me, as it seems that I need to build forms without components, and that means it’s a lot more challenging to keep design and logic con…