# Referral Rewards block

> Partner referral rewards profile with copy-link share card, reward tier ladder, referral activity

Referral and partner rewards page: metric cards with progress, a copy-link InputGroup share card, an unlocked/next/locked reward ladder, next-unlock progress, and a referrals activity list. ReUI Badge, shadcn Card, Progress, Avatar, Tooltip.

- Type: Pro block
- Category: [Profile](https://web.dev.reui.io/blocks/application/profile.md)
- Page: https://web.dev.reui.io/blocks/application/profile/profile-6
- MCP: `get_block("profile-6")`
- Built with: Avatar, Badge, Button, Card, Field, Input Group, Item, Progress, Separator, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A copyable invite link and note, qualification rules, a 3 tier reward ladder and recent referrals with an export button

## Agent notes

- Replace the sample `REFERRAL_PROGRAM`, `REWARD_TIERS` and `REFERRAL_ACTIVITY`, where `linkPath` and `shareMessage` hold the invite link and note
- Export Activity calls `onExport` and Terms calls `onViewTerms`, and both only raise toasts, so wire the CSV export and the terms page
- Set `nextReward` to a `REWARD_TIERS` title, because `RewardLadderCard` finds the next tier by title and marks earlier tiers Unlocked

## When not to use

- The page only edits the person's own name, email, avatar and regional details: use [Personal Profile](https://web.dev.reui.io/blocks/application/profile/profile-3.md) (`get_block("profile-3")`)

## Third-party libraries

- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started)

## Install

```bash
npx shadcn@latest add @reui/profile-6
```

## About Profile blocks

### When to use

- Account areas that switch profile, workspace, team, billing or access panels from tabs or a sidebar
- A personal profile edit page: avatar, name, verified email, username, phone and regional preferences
- An account subpage for one job: sender mailboxes, alerts, referrals, meeting capture, billing or API keys

### When not to use

- One panel of switch rows or integration cards, with no personal identity fields: use the [Settings blocks](https://web.dev.reui.io/blocks/application/settings.md)
- Entering a new record, such as an invoice with line items or a product listing: use the [Form blocks](https://web.dev.reui.io/blocks/application/form.md)
- The outer navigation layout around every page of a product, beyond account pages: use the [App Shell blocks](https://web.dev.reui.io/blocks/application/app-shell.md)

### Agent notes

- Each page.tsx wraps `Profile` in its own padding and centering; render `Profile` alone inside your layout

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.