# Hierarchy: parents and children

## Why Is Hierarchy Important?

Applications can be built with dozens of layers, often stacked on top of each other. If these are laid out in an unorganized fashion, making changes and identifying problems is a nightmare! When adding parts to your app in Appeggio, you first select where you want your part to go before you choose your part. Ensuring you have selected the right section means you end up with the design you envisioned every time.

## Hierarchy in Appeggio

The hierarchy in Appeggio is quite simple. We have parents and children. If a part is contained within a part, it is the child. The part that it is contained in is the parent. A part can have many children but only one parent.

So what if we have more than two layers? The process repeats itself, and a part can act as both a parent to something and a child to something else. Let's take a look:

<figure><img src="https://2904013950-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MNFsr0mZTFrCZvHflb9%2Fuploads%2F31TdVPOtbdZtiRC4jBsq%2FParent%26Child.gif?alt=media&#x26;token=86ecf65c-ee9d-4966-992f-5080f84564df" alt="A gif showing navigation from children to parts using the property editing panel."><figcaption><p>The Parent and Child Relationship of Parts </p></figcaption></figure>

In the example above, we have a column containing a card. That card contains a title, subtitle and button. The card is the parent to the title, subtitle and button. The card is the child of the column it is housed within.

### How Do You Toggle Between the Different Parts?

You'll know which part of the hierarchy you are in because it will be outlined in orange.

Your solid orange container is the section that is currently selected, while the dotted one is the one that is being hovered over. This will help you keep track of what it is that you are editing.&#x20;

Toggling between the parts couldn't be easier. You can switch to the parent (left) and child (right) with a single click. Just look for these icons:

<figure><img src="https://2904013950-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MNFsr0mZTFrCZvHflb9%2Fuploads%2Fvm8GnkTcjQ9q9dNHLP0Z%2FToggleParent%26Child.gif?alt=media&#x26;token=10e2c6e3-e5d6-407a-9187-d0443e641a25" alt="A gif showing the icons used to toggle between parent and child parts."><figcaption><p>Toggling Between Parts</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://appeggiohelp.gitbook.io/appeggio-help/getting-started/hierarchy-parents-and-children.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.