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

# itemBanner

Displays information associated with an element.

## Overview

Use `itemBanner` element to display information inside of a `relatedContent` element.
Here’s an example that displays an image and three buttons related to a media item.

```xml
<itemBanner>
   <heroImg src="path to images on your server/Car_Movie_720x1080" />
   <row>
      <buttonLockup>
         <badge src="resource://button-add"/>
         <title>Add</title>
      </buttonLockup>
      <buttonLockup>
         <badge src="resource://button-rate"/>
         <title>Rate</title>
       </buttonLockup>
      <buttonLockup>
         <badge src="resource://button-shuffle"/>
         <title>Shuffle</title>
      </buttonLockup>
   </row>
</itemBanner>
```

### Subelements of itemBanner

- [heroImg](/documentation/TVML/heroimg)
- [img](/documentation/TVML/img)
- [row](/documentation/TVML/row)

### Elements that Use itemBanner

- [relatedContent](/documentation/TVML/relatedcontent)

## Topics

### Valid TVML Styles

[margin](/documentation/TVML/margin)

Specifies the spacing around an element.

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

Specifies how wide an element is.

### 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)