---
# System prepended metadata

title: Referal Modal

---

---
tag: product
---

# Referal Modal
The referral modal is a section that allows the user to invite more people to use the Raise platform. They can access this modal through the referral card on their dashboard

## States & Variables

### Full (Happy) State
This is what the modal looks like when the user has sent out a couple of invites

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FW26Lo2Rw2WIFd21zjEMivw%2FUser-Dashboard%3Fnode-id%3D350%253A4804" allowfullscreen></iframe>

### Empty State
This is what the Modal looks like when no referals have been made

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FW26Lo2Rw2WIFd21zjEMivw%2FUser-Dashboard%3Fnode-id%3D372%253A83" allowfullscreen></iframe>

### Variables

#### Number of Invites
This is the number of people who have been invited by the user

#### Referal Link
This is the link particular to this user. They can copy it to their clipboard

#### Referal Status 
This is the stauts of the invitee. 
- Invite Sent: Here the user has sent the invite but the invitee but hasn't registered
- Registered: Here, the invitee has received the invite and registered to the platform
