<!--
{
  "documentType" : "article",
  "framework" : "AppleNewsFormat",
  "identifier" : "/documentation/AppleNews/displaying-components-side-by-side",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "Displaying Components Side By Side"
}
-->

# Displaying Components Side By Side

Configure a side-by-side, horizontal arrangement of components for your article.

## Discussion

In Apple News Format, you can display child components of [`Container`](/documentation/AppleNewsFormat/Container), [`Chapter`](/documentation/AppleNewsFormat/Chapter), [`Section`](/documentation/AppleNewsFormat/Section), and [`Aside`](/documentation/AppleNewsFormat/Aside), side by side and horizontally by using the `contentDisplay` type [`HorizontalStackDisplay`](/documentation/AppleNewsFormat/HorizontalStackDisplay). The child components are sized to match the `minimumWidth` and `maximumWidth` values defined in the [`ComponentLayout`](/documentation/AppleNewsFormat/ComponentLayout) object of these components. To redistribute the empty space inside a horizontal stack collection, use the [`FlexibleSpacer`](/documentation/AppleNewsFormat/FlexibleSpacer) object. This object provides flexible space between components in a container only when its `contentDisplay` value is set to `horizontal_stack`.

> 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.

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)