---
title: About Containers
framework: applenews
role: article
role_heading: Article
path: applenews/about-containers
---

# About Containers

Learn the basic Apple News Format container concepts required for the three advanced tutorials.

## Overview

Overview Most of the design and layout effects in this tutorial require you to create hierarchies of nested components. In Apple News Format JSON, a container is a component that can hold other components. Container components include four types: chapter, header, section, and container. This is an example of a simple container. {   "role": "container",   "components": [     {       "role": "title",       "text": "A Photo",     },     {       "role": "photo",       "URL": "bundle://<filename>.<extension>",     }   ] } In the example above, the container component has two child components. Notice that a container has a property named components whose value is an array. Any components inside the container’s components array are children of the container.

## See Also

### Related Documentation

- [Nesting Components in an Article](applenews/nesting-components-in-an-article.md)
- [Container](applenewsformat/container.md)

### Advanced Design Tutorial 1: Headers and Parallax Behavior

- [Setting Up the Advanced Tutorials](applenews/setting-up-the-advanced-tutorials.md)
- [Creating a Layered Header](applenews/creating-a-layered-header.md)
- [Adding Parallax Behavior](applenews/adding-parallax-behavior.md)
- [Viewing the Finished Article for Advanced Design Tutorial 1](applenews/viewing-the-finished-article-for-advanced-design-tutorial-1.md)