> For the complete documentation index, see [llms.txt](https://docs.uncodie.com/1.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.uncodie.com/1.0/tutorials/components/wrapper-content.md).

# Wrapper Content

The Wrapper Content will mark where the content of the wrapper route is loaded and the Screens will be the content that enters.

The Wrapper Content has the option to replace it (replace) or push the dynamic content you already have (append).

<br>

**Objective**

The objective of this tutorial is to learn how to configure your content wrapper, and use it in your next mockups, in order to create a more stable design and development.

<br>

**Steps**

1. Go to the Content section in your WrapperRoute
2. Open our plugin.
3. On the components screen, select WrapperContent within Component type.
4. Go into the attributes and select Replace or Append, depending on what you need.
5. Select the screen that will go into the WrapperContent.
6. On the components screen, select WrapperRoute within Component type.
7. Open its attributes, the url to which it is directed and the parent will be the Wrapper Route.
8. Voila! you already have the content of your wrapper content configured.

<br>

**Use cases**

Whenever you have a WrapperRoute you will need the WrapperContent, as without it there is no indication of what should change.

<br>

**Common problems**

Misdirected URL.

Parent does not match the one you want.

{% embed url="<https://youtu.be/oHbOfxJUZfk>" %}