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

# monogramLockup

Creates a monogram using a person’s image or initials.

## Overview

The `monogramLockup` element creates a white circle that contains the image or initials
of the person identified in the title. Use the `src` element to place an image inside
of the circle. If no image is added, initials are centered in the circle, based on
the `firstName` and `lastName` attributes in the `monogram` element. Here’s an example
of a monogramLockup displaying an actor’s infomation.

```xml
<monogramLockup>
    <monogram firstName="Anne" lastName="Johnson"/>
    <title>Anne Johnson</title>
    <subtitle>Actor</subtitle>
</monogramLockup>
```

### Subelements of monogramLockup

- [monogram](/documentation/TVML/monogram)
- [subtitle](/documentation/TVML/subtitle)
- [title](/documentation/TVML/title)

### Elements that Use monogramLockup

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

## Topics

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