# showcaseTemplate
Displays images the user can navigate between.
## Overview
Use the `showcaseTemplate` element to display a row of images with descriptions associated
with each image; for example, displaying a set of screenshots to promote a movie.
Users can scroll between images. When an image comes into focus, the size of the
image is increased to be slightly larger than the other images. The following figure
shows the basic layout for a showcaseTemplate page. The default theme for a showcase
template is `dark`.
### Main Elements
The following listing shows the main elements of the `showcaseTemplate` element in
TVML format.
```xml
…
…
```
#### Element Descriptions
- [background](/documentation/TVML/background): Background visual and audio.
- [banner](/documentation/TVML/banner): Elements that describe what the page shows and provides buttons
for user options.
- [button](/documentation/TVML/button): A button providing user options.
- [carousel](/documentation/TVML/carousel): Element containing images and text displayed in a row that
the user navigates by swiping left or right on the remote.
- [lockup](/documentation/TVML/lockup): An element containing several elements, such as an image and
a title, so that it can be treated as a single element.
- [row](/documentation/TVML/row): A group of elements displayed in a horizontal row.
- [section](/documentation/TVML/section): A group of `lockup` elements.
- [title](/documentation/TVML/title): Text that describes its containing element.
### Example
The following listing shows the TVML for a `showcaseTemplate` example.
```xml
Scenes
Scene 1
Scene 2
Scene 3
Scene 4
```
The following figure shows the output for the above example:
## Topics
### Valid TVML Attributes
[autoHighlight](/documentation/TVML/autohighlight)
Specifies that the element should initially be in focus.
[binding](/documentation/TVML/binding)
Associates information in a data item with an element.
[layoutDirection](/documentation/TVML/layoutdirection)
Specifies the direction in which text is displayed.
[mode](/documentation/TVML/mode)
Specifies how an image is displayed.
[prototype](/documentation/TVML/prototype)
Associates a data item type with an element.
[theme](/documentation/TVML/theme)
Sets the color scheme for an element.
---
Copyright © 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)