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

# monogram

Displays information below a `monogramLockup` element.

## Overview

Here’s an example that sets the name Anne Johnson as part of a `monogramLockup` element.

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

### Contained In

- [monogramLockup](/documentation/TVML/monogramlockup)

## Topics

### Valid TVML Styles

[border-radius](/documentation/TVML/border-radius)

Changes the shape of an element’s corner.

[font-family](/documentation/TVML/font-family)

Specifies the font used for the text in an element.

[font-size](/documentation/TVML/font-size)

Specifies the font size for the text in an element.

[font-weight](/documentation/TVML/font-weight)

Specifies the font weight for the text in an element.

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

Specifies the height of an element.

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

Specifies the maximum height for an element.

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

Specifies the maximum width for an element.

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

Specifies the minimum height for an element.

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

Specifies the minimum width for an element.

[text-shadow](/documentation/TVML/text-shadow)

Adds a shadow effect to displayed text.

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

Sets a default image for an `img` or `monogram` 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.

[firstName](/documentation/TVML/firstname)

Adds a person’s first name to an element.

[lastName](/documentation/TVML/lastname)

Adds a person’s last name to 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)