> ## Documentation Index
> Fetch the complete documentation index at: https://developers.loyaltylion.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tier overview

Use this component to render an overview of your loyalty tier program, containing the current customer's loyalty tier membership (if logged in). This overview includes:

* Tier names
* Tier conditions
* Tier purchase rule value
* Tier benefits

If customer is logged in, it shows:

* Footer indicating the current tier
* Progress towards the next tier

<Warning>
  If you use our legacy [loyalty panel](/sdk/embeddable-components/loyalty-panel/) - to add the text for Tier benefits, please submit a request to our [support](mailto:support@loyaltylion.com) team with the benefits you want to add for each tier.

  If you use our new Loyalty Page interface, you can add tier benefits yourself in the <a href="https://app.loyaltylion.com/go/manage/tiers/">Tiers</a> tab.
</Warning>

## Code

```html theme={null}
<div data-lion-tier-overview></div>
```

## Preview

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/tier-overview.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=20550bd613b9fd7f4e69254053b3190b" alt="Tier overview" width="1456" height="614" data-path="images/sdk/tier-overview.png" />
</Frame>