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

# Rewards list

<Note>Available on the **Advanced plan** and above.</Note>

Use this component to render a list of available rewards.

If a customer is logged in, the reward items are interactive and contain a "Get reward" button. When clicked, this opens a [redeem reward modal](/sdk/modal-components/redeem-reward-modal/) that provides more information about the reward and allow it to be redeemed.

## Code

```html theme={null}
<div data-lion-rewards-list></div>
```

## Preview

### Customer view

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/rewards-list-customer-view.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=e8afcba0cbe945a90af7e40488542579" alt="Rewards list" width="1118" height="796" data-path="images/sdk/rewards-list-customer-view.png" />
</Frame>

### Guest view

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/rewards-list-guest-view.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=4bdfa9b0133761f8d6747e9e515c5744" alt="Rewards list" width="1116" height="750" data-path="images/sdk/rewards-list-guest-view.png" />
</Frame>
