<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/relatedcontent",
  "metadataVersion" : "0.1.0",
  "role" : "collectionGroup",
  "title" : "relatedContent"
}
-->

# relatedContent

Contains elements that are related to another element.

## Overview

This element is often used to display the related content when another element is
brought into focus. Here’s an example that contains a `lockup` inside of a `relatedContent`
element.

```xml
<relatedContent>
    <lockup>
        <img src="path to image goes here" />
        <title>Title 1</title>
    </lockup>
</relatedContent
```

### Subelements of relatedContent

- [activityIndicator](/documentation/TVML/activityindicator)
- [grid](/documentation/TVML/grid)
- [heroImg](/documentation/TVML/heroimg)
- [itemBanner](/documentation/TVML/itembanner)
- [lockup](/documentation/TVML/lockup)

### Elements that Use relatedContent

- [list](/documentation/TVML/list)
- [listItemLockup](/documentation/TVML/listitemlockup)

## Topics

### Valid TVML Styles

[height](/documentation/TVML/element-shaping-height)

Specifies the height of an element.

### Valid TVML Attributes

[binding](/documentation/TVML/binding)

Associates information in a data item with an element.

[prototype](/documentation/TVML/prototype)

Associates a data item type with an element.

[theme](/documentation/TVML/theme)

Sets the color scheme for an element.



---

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)