---
hide_title: true
hide_table_of_contents: true
title: Component Children node
---

{/*##head##*/}

# Component Children

Used to mark where children of instances of this component will be placed.

Any instance of a component that have a **Component Children** placed in its hierarchy will be
able to have children. These children will appear as though they were inserted at the location of
the **Component Children** node.

<div className="ndl-image-with-background">

![](/nodes/component-utilities/component-children/component-children.png)

</div>

{/*##head##*/}

To fully understand this concept it's important to understand node hierarchies.
Visual nodes can be placed in a hierarchy which will cause them to be layouted and drawn appropriately.