# Structureless / Layout components

**URL:** <https://community.penpot.app/t/structureless-layout-components/10149>\
**Category:** Ask the community\
**Tags:** design, component\
**Created:** [December 5, 2025, 4:14pm UTC](https://community.penpot.app/t/structureless-layout-components/10149 "2025-12-05T16:14:48Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ruslan](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@ruslan](https://community.penpot.app/u/ruslan)\
**Post date:** [December 5, 2025, 4:14pm UTC](https://community.penpot.app/t/structureless-layout-components/10149/1 "2025-12-05T16:14:49Z")

</div>

How can I create a generic structureless component, that can accept any number of children?

Let’s say I want to create a reusable layout, with specific spacing. For example - Actions component for buttons. This is always a Flex Row, with vertical spacing of 12, and Justify Content End. Clearly this component shouldn’t have any children, and should allow any number of children in its instances.

I can create a board and turn it into a component to get an empty component. However I can’t add anything to its instances, as Penpot AFAIS disallows component instances to have dynamic structure.

Is there perhaps a different abstraction that I should use for this purpose?

---

<div class="post-metadata">

**Author:** ![dfelinto](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/dfelinto/32/380_2.png) [@dfelinto](https://community.penpot.app/u/dfelinto)\
**Post date:** [December 6, 2025, 8:26am UTC](https://community.penpot.app/t/structureless-layout-components/10149/2 "2025-12-06T08:26:26Z")

</div>

I suspect this may not be possible at the moment.

What we do is to add the container component and use Detach Instance on it, in order to be able to add more elements.