# Welcome / Leave Card

## 🐈‍⬛ Canvafy Design;

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ8KI56rkXEQp2Ao9aeTJ%2Fuploads%2FEVUawnHgiUZrsfr9ARal%2Fwelcome-928259219038302258.png?alt=media&#x26;token=1a09fb42-84c6-4633-9d63-84b9f37e9a53" alt=""><figcaption></figcaption></figure>

```javascript
await new canvafy.WelcomeLeave()
```

## [.setAvatar(imageURL)](#.setavatar-imageurl)

| PARAMETER                                     | TYPE                                       | DESCRIPTION             |
| --------------------------------------------- | ------------------------------------------ | ----------------------- |
| <mark style="color:blue;">**imageURL**</mark> | <mark style="color:red;">**String**</mark> | **Setting User Avatar** |

## [.setBackground(type,source)](#.setbackground-image-imageurl)

| PARAMETER                                   | TYPE                                       | DESCRIPTION                             |
| ------------------------------------------- | ------------------------------------------ | --------------------------------------- |
| <mark style="color:blue;">**type**</mark>   | <mark style="color:red;">**String**</mark> | **"image" or "color" adjustment**       |
| <mark style="color:blue;">**source**</mark> | <mark style="color:red;">**String**</mark> | **"imageURL" or "hexColor" adjustment** |

## [.setTitle(name,color)](#.settitle-name)

| PARAMETER                                  | TYPE                                       | DESCRIPTION                                                                                                                                         |
| ------------------------------------------ | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">**name**</mark>  | <mark style="color:red;">**String**</mark> | **Setting Title Message**                                                                                                                           |
| <mark style="color:blue;">**color**</mark> | <mark style="color:red;">**String**</mark> | <p><strong>"hexColor" adjustment</strong><br><mark style="background-color:purple;"><strong>(</strong>Preferred Option<strong>)</strong></mark></p> |

## [.setDescription(description,color)](#.setdescription-description)

| PARAMETER                                        | TYPE                                       | DESCRIPTION                                                                                                                                         |
| ------------------------------------------------ | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">**description**</mark> | <mark style="color:red;">**String**</mark> | **Setting Description Message**                                                                                                                     |
| <mark style="color:blue;">**color**</mark>       | <mark style="color:red;">**String**</mark> | <p><strong>"hexColor" adjustment</strong><br><mark style="background-color:purple;"><strong>(</strong>Preferred Option<strong>)</strong></mark></p> |

## [.setBorder(color)](#.setborder-color)

| PARAMETER                                  | TYPE                                       | DESCRIPTION                                                                                                                                         |
| ------------------------------------------ | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">**color**</mark> | <mark style="color:red;">**String**</mark> | <p><strong>"hexColor" adjustment</strong><br><mark style="background-color:purple;"><strong>(</strong>Preferred Option<strong>)</strong></mark></p> |

## [.se](#.setlevel-level)[tAvatarBorder(color)](#.setavatarborder-color)

| PARAMETER                                  | TYPE                                       | DESCRIPTION               |
| ------------------------------------------ | ------------------------------------------ | ------------------------- |
| <mark style="color:blue;">**color**</mark> | <mark style="color:red;">**String**</mark> | **"hexColor" adjustment** |

## [.setOverlayOpacity(opac)](#.setoverlayopacity-opac)

| PARAMETER                                 | TYPE                                                   | DESCRIPTION             |
| ----------------------------------------- | ------------------------------------------------------ | ----------------------- |
| <mark style="color:blue;">**opac**</mark> | <mark style="color:yellow;">**Number / Double**</mark> | **Transparent Opacity** |

## [.build()](#.build)

| PARAMETER                                       | TYPE                                            | DESCRIPTION                                                                                                            |
| ----------------------------------------------- | ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| ~~<mark style="color:purple;">**None**</mark>~~ | ~~<mark style="color:purple;">**None**</mark>~~ | <p><strong>Image Maker.</strong><br><em><mark style="color:orange;"><strong>❗Required to Use!</strong></mark></em></p> |

### **🌙 Example Of Code With Discord.js v14** <a href="#usage" id="usage"></a>

```javascript
client.on('guildMemberAdd', async member => {
  const welcome = await new canvafy.WelcomeLeave()
  .setAvatar(member.user.displayAvatarURL({ forceStatic: true, extension: "png" }))
  .setBackground("image", "https://th.bing.com/th/id/R.248b992f15fb255621fa51ee0ca0cecb?rik=K8hIsVFACWQ8%2fw&pid=ImgRaw&r=0")
  .setTitle("Welcome")
  .setDescription("Welcome to this server, go read the rules please!")
  .setBorder("#2a2e35")
  .setAvatarBorder("#2a2e35")
  .setOverlayOpacity(0.3)
  .build();

  member.guild.channels.cache.get("<channelId>").send({
    content: `Welcome to you ${member}!`,
    files: [{
      attachment: welcome,
      name: `welcome-${member.id}.png`
    }]
  });
});
```

## 📃Support Server; [discord.gg/luppux](https://discord.gg/luppux)