# Can we have a builder component inside custom component?

**URL:** <https://forum.builder.io/t/can-we-have-a-builder-component-inside-custom-component/2280>\
**Category:** Technical Questions\
**Tags:** visual-editor, react, custom-code, api, custom-components\
**Created:** [June 17, 2022, 9:41am UTC](https://forum.builder.io/t/can-we-have-a-builder-component-inside-custom-component/2280 "2022-06-17T09:41:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![olivela](https://avatars.discourse-cdn.com/v4/letter/o/2bfe46/32.png) [@olivela](https://forum.builder.io/u/olivela)\
**Post date:** [June 17, 2022, 9:41am UTC](https://forum.builder.io/t/can-we-have-a-builder-component-inside-custom-component/2280/1 "2022-06-17T09:41:16Z")

</div>

Here is the scenario I’m trying to achieve:

- I have a list of columns
- Each column has either a text or a custom styled component
- For the text, I have used a simple custom field of type string
- For the other option, I need to use templates or any combination of components present which we can drag and drop. For this, there should be a placeholder ‘Add Block’ like we get for section model.

For my Builder.registerComponent , in the html I have included builder component as shown in [Edit existing pages with custom sections in Builder.io - Builder.io](https://www.builder.io/c/docs/custom-dropzones). But it does not show when added in a custom component.

Could you please help me with this scenario?

---

<div class="post-metadata">

**Author:** ![sarah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/sarah/32/1198_2.png) [@sarah](https://forum.builder.io/u/sarah)\
**Post date:** [June 17, 2022, 10:49pm UTC](https://forum.builder.io/t/can-we-have-a-builder-component-inside-custom-component/2280/2 "2022-06-17T22:49:04Z")

</div>

Hi @olivela, it seems like you might want to use a symbol instead. You can see how to add a symbol with a block input type here: [Symbols with blocks - Builder.io](https://www.builder.io/c/docs/symbols-with-blocks)

---

<div class="post-metadata">

**Author:** ![sarah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/sarah/32/1198_2.png) [@sarah](https://forum.builder.io/u/sarah)\
**Post date:** [June 17, 2022, 11:30pm UTC](https://forum.builder.io/t/can-we-have-a-builder-component-inside-custom-component/2280/3 "2022-06-17T23:30:25Z")

</div>

This forum post also has a great walk through for how to add dynamic editing regions to custom components:

> [@How to Add Dynamic Editing Regions to Custom Components](https://forum.builder.io/t/how-to-add-dynamic-editing-regions-to-custom-components/1323):
>
> Need to create a custom component with an area where users can drag in additional blocks? This post will guide you through creating one, building off of the \<DynamicColumns\> component in our react-design-system starter and using \<BuilderBlocks\> for the editing region. [Read more about the React design system example here](https://github.com/BuilderIO/builder/tree/main/examples/react-design-system) Open the react-design-system example in your code editor and navigate to src/components/. Let’s call our new component CustomColumns and create a folder for it. Add a file call…