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

# lockup

Contains several elements that are treated as a single element.

## Overview

Here’s an example of a section that contains two `lockup` elements that represent
movie posters.

```xml
<section>
    <lockup>
        <img src="path to images on your server/Car_Movie_453x255_C.png" width="453" height="255" />
        <title>Scene 1</title>
    </lockup>
    <lockup>
        <img src="path to images on your server/Car_Movie_500x600.png" width="500" height="600" />
        <title>Scene 2</title>
    </lockup>
</section>
```

### Subelements of lockup

- [badge](/documentation/TVML/badge)
- [description](/documentation/TVML/description)
- [img](/documentation/TVML/img)
- [organizer](/documentation/TVML/organizer)
- [overlay](/documentation/TVML/overlay)
- [title](/documentation/TVML/title)

### Elements that Use lockup

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

## Topics

### Valid TVML Styles

[margin](/documentation/TVML/margin)

Specifies the spacing around an element.

[tv-align](/documentation/TVML/tv-align)

Aligns an element horizontally inside its parent.

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

Specifies how wide an element is.

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

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