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

# ratingBadge

Displays an image used to rate a product.

## Overview

The `ratingBadge` element contains a link to an image that is to be displayed. This
element is commonly used to display a small image inside of a `reviewCard` element.
Here’s an example of a review with a fresh rating from Rotten Tomatoes.

```xml
<reviewCard>
    <breviewBadge src="resource://tomato-fresh-m" />
    <title>WWDC Review</title>
    <description>Brief review here</description>
    <text>Ravi Patel June, 8 2015</text>
</reviewCard>
```

### Contained In

- [organizer](/documentation/TVML/organizer)
- [ratingCard](/documentation/TVML/ratingcard)
- [reviewCard](/documentation/TVML/reviewcard)

## Topics

### Valid TVML Styles

[margin](/documentation/TVML/margin)

Specifies the spacing around an element.

[tv-rating-style](/documentation/TVML/tv-rating-style)

Sets the displayed image for rating a product.

[tv-tint-color](/documentation/TVML/tv-tint-color)

Sets the tint color for an element.

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

[value](/documentation/TVML/value)

Specifies the value used for a fillable 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)