<!--
{
  "availability" : [
    "tvOS: 15.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "TVUIKit",
  "identifier" : "/documentation/TVUIKit/TVMonogramContentView",
  "metadataVersion" : "0.1.0",
  "role" : "Class",
  "symbol" : {
    "kind" : "Class",
    "modules" : [
      "TVUIKit"
    ],
    "preciseIdentifier" : "c:objc(cs)TVMonogramContentView"
  },
  "title" : "TVMonogramContentView"
}
-->

# TVMonogramContentView

A view that contains a circular image of a person or the person’s initials.

```
class TVMonogramContentView
```

## Overview

The system provides a generic placeholder image if [`image`](/documentation/TVUIKit/TVMonogramContentConfiguration-c.class/image) is `nil`. If [`personNameComponents`](/documentation/TVUIKit/TVMonogramContentConfiguration-c.class/personNameComponents) isn’t `nil`, the system creates a localized monogram image using the first initials from the name components.

![A darkened image with a highlighted box along the left side. The box contains a round image with an actor’s initials inside of it.](images/com.apple.tvuikit/media-3801438@2x.png)

The following code illustrates how to update the configuration for a monogram:

```swift
override func updateConfiguration(using state: UICellConfigurationState) {
    var configuration = TVMonogramContentConfiguration().updatedConfiguration(for: state)

    configuration.image = avatarImage
    configuration.text = "Anne Johnson"
    configuration.secondaryText = "Actor"
    configuration.personNameComponents = nameComponents

    self.contentConfiguration = configuration
}
```

## Topics

### Creating a Monogram Content View

[`init(configuration:)`](/documentation/TVUIKit/TVMonogramContentView/init(configuration:))

Creates a monogram content view with the configuration you specify.

[`TVMonogramContentConfiguration`](/documentation/TVUIKit/TVMonogramContentConfiguration-swift.struct)

A content configuration for a monogram view.

[`initWithConfiguration:`](/documentation/TVUIKit/TVMonogramContentView/initWithConfiguration:)

Creates a monogram content view with the configuration you specify.

[`TVMonogramContentConfiguration`](/documentation/TVUIKit/TVMonogramContentConfiguration-c.class)

A content configuration for a monogram view.

### Managing the Content Configuration

[`configuration`](/documentation/TVUIKit/TVMonogramContentView/configuration)

The current configuration of the view.

### Managing the Content Layout

[`focusedFrameGuide`](/documentation/TVUIKit/TVMonogramContentView/focusedFrameGuide)

A guide for positioning other elements with the content view image’s focused frame.


---

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)