How to add multiple react custom components within another custom component

[pradeep]

I have a custom react component with two columns, I want to drag different custom component to these columns
e.g. on left column I may drag a custom component X and on right I would like to drag a custom component Y. I tried withChildren but then I am able to add only one children per component. Can I get some help on how this can be achieved.

[pradeep]

Looks like, this is somewhat similar to what I need builder/Columns.tsx at main · BuilderIO/builder · GitHub

[TimG]

Hey @pradeep can you share a page with your custom component where you were only able to add a single child?

As you mentioned, if the only purpose of this custom component is as a column, it might be easier and more flexible to use our Builder-provided Column element. You can see more on using the Column element here: Using Columns to Build Responsively - Builder.io

[aziz]

I think this should answer your question @pradeep

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…

[pradeep]

yes, this is exactly what I wanted. Thanks @aziz