---
title: HorizontalStackDisplay
framework: applenewsformat
role: symbol
role_heading: Object
path: applenewsformat/horizontalstackdisplay
---

# HorizontalStackDisplay

The object for displaying components side by side in a Container component.

## Declaration

```data
object HorizontalStackDisplay
```

## Properties

type: Always horizontal_stack for this object.

## Mentioned in

Displaying Components Side By Side

## Discussion

Discussion Use the HorizontalStackDisplay object in a container component for displaying components side by side. Use HorizontalStackDisplay if you wish to specify what percent of the width the individual children should use. Use CollectionDisplay if you wish to make all child components to have the same width. To redistribute the empty space inside a horizontal stack collection, use the FlexibleSpacer object. note: In versions of iOS before iOS 12, child components are vertically stacked if the container’s contentDisplay property is defined as the new horizontal_stack type. This object can be used in Header, Container, Section, Chapter, Aside, and ArticleLink. Example {   "components": [     {       "role": "container",       "contentDisplay": {         "type": "horizontal_stack"       },       "components": [         {           "role": "title",           "text": "Sample article",           "layout": {             "minimumWidth": "60cw",             "maximumWidth": "60cw"           }         },         {           "role": "spacer"         },         {           "role": "image",           "URL": "bundle://image-1.jpg",           "layout": {             "minimumWidth": "35cw",             "maximumWidth": "35cw"           }         }       ]     }   ] }

## See Also

### Article Structure

- [Nesting Components in an Article](applenews/nesting-components-in-an-article.md)
- [Adding a Scene to a Chapter or a Section Header](applenews/adding-a-scene-to-a-chapter-or-a-section-header.md)
- [Creating an Article Link](applenews/creating-an-article-link.md)
- [Displaying Components Side By Side](applenews/displaying-components-side-by-side.md)
- [Header](applenewsformat/header.md)
- [Container](applenewsformat/container.md)
- [Section](applenewsformat/section.md)
- [Chapter](applenewsformat/chapter.md)
- [Aside](applenewsformat/aside.md)
- [CollectionDisplay](applenewsformat/collectiondisplay.md)
- [FlexibleSpacer](applenewsformat/flexiblespacer.md)
- [Divider](applenewsformat/divider.md)
- [ArticleLink](applenewsformat/articlelink.md)
- [SupportedArticleIdentifier](applenewsformat/supportedarticleidentifier.md)
- [PublisherArticleIdentifier](applenewsformat/publisherarticleidentifier.md)