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

# Challenges

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

Use this component to render the customer's active [loyalty challenges](https://help.loyaltylion.com/en/articles/15420753-challenges) anywhere on your storefront — the same challenges shown on your loyalty page, embedded on their own.

Each challenge renders as a progress tracker toward its point and reward milestones. When more than one challenge is active, they display as a stacked list or, if you enable the Tabs layout in your theme settings, behind a tabbed selector showing one at a time.

<Note>
  This component requires a logged-in customer. If the customer isn't logged in,
  or has no active challenges, it renders nothing.
</Note>

## Code

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