Can we have a builder component inside custom component?

[olivela]

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. But it does not show when added in a custom component.

Could you please help me with this scenario?

[sarah]

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

[sarah]

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

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 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…