Article

Displaying Components Side By Side

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

Overview

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

See Also

Article Structure

Nesting Components in an Article

Use container components to create the component hierarchies you need for special article designs.

Adding a Scene to a Chapter or a Section Header

Add a scene to your article to create special effects.

Creating an Article Link

Link to an article by using the article-linking container component.

object Header

The component for defining the top area of an article, chapter, or section.

object Container

Properties shared by all container types.

object Section

The component for organizing an article into sections.

object Chapter

The component for organizing an article into chapters.

object Aside

The component for setting apart content that is not directly related to the article, such as promotional content.

object CollectionDisplay

An object used in any container component type to define how the collection of child components is presented.

object HorizontalStackDisplay

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

object FlexibleSpacer

The component for redistributing empty space inside a horizontal stack collection.

object Divider

The component for defining a horizontal line to visually divide parts of your article.

object ArticleLink

The container component for creating a link to an article.

type SupportedArticleIdentifier

The patterns supported for article identifiers in UUID format.

object ArticleTitle

The component for displaying an article title in the ArticleLink component.

object ArticleThumbnail

The component for displaying a thumbnail image with an article link.

object LinkButton

The component for opening a link in a button.