๐Components
All interactive elements associated with the message.
Get Started
To edit the embed components, use the command /create type:โจ Magic Embed
and select the ๐ Edit Components
option.
![](https://docs.drip.re/~gitbook/image?url=https%3A%2F%2F2728597434-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FxUaE8LDXTeS85PkKxJJa%252Fuploads%252FTNqqZX7t2jjo1dWlzVc6%252FScreen%2520Shot%25202023-11-26%2520at%25206.39.13%2520PM.png%3Falt%3Dmedia%26token%3Df459dfe5-e6fa-4f3d-b53e-ff51f6c655ff&width=768&dpr=4&quality=100&sign=7b945c4d&sv=1)
After clicking the option, you will get some different options depending on your already existing components.
๐ Add Component
You can add a new component by clicking the option ๐Add Component
![](https://docs.drip.re/~gitbook/image?url=https%3A%2F%2F2728597434-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FxUaE8LDXTeS85PkKxJJa%252Fuploads%252FXAcd1pFuy5SahawkN6BC%252FScreen%2520Shot%25202023-11-26%2520at%25206.40.27%2520PM.png%3Falt%3Dmedia%26token%3D1f446504-4bb4-4670-a899-49b29442b6c2&width=768&dpr=4&quality=100&sign=b7bbde51&sv=1)
After clicking the option, a form will open where you can fill in the context of your button:
Name of the button (Required)
Emoji of the button
![](https://docs.drip.re/~gitbook/image?url=https%3A%2F%2F2728597434-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FxUaE8LDXTeS85PkKxJJa%252Fuploads%252FLE5VSJIUkSk6DzShwdCl%252FScreen%2520Shot%25202023-11-26%2520at%25206.41.08%2520PM.png%3Falt%3Dmedia%26token%3Db342d805-8db5-4981-b5af-81308b82feca&width=768&dpr=4&quality=100&sign=e45ca0bf&sv=1)
When you submit the information, you should now see all the possible modifications, each of which is explained inComponents Options
Due to Discord limitations a Magic Embed can only have a maximum of 5 buttons.
โ๏ธ Edit Component
If you have already created a component, you can now edit it by clicking on the option with the values of the button you want to edit. After clicking you should now see all the possible modifications, each of which is explained inComponents Options
![](https://docs.drip.re/~gitbook/image?url=https%3A%2F%2F2728597434-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FxUaE8LDXTeS85PkKxJJa%252Fuploads%252FFrWAAlKLUm6pjdGf7lHi%252FScreen%2520Shot%25202023-11-26%2520at%25206.42.17%2520PM.png%3Falt%3Dmedia%26token%3D83916b6b-b72f-4aea-8aa6-184ca99a6dbb&width=768&dpr=4&quality=100&sign=e99448b3&sv=1)
Components Options
โ๏ธ Edit Component
Edit the label of the button
๐จ Edit Style
Style the button
๐ Add Link
Redirect members to a website
โจ Give/Take Points
Give/take points from a member
โจ Give/Take Role
Give/take a role from a member
โจ Role Restrictions
Restrict button interaction based on roles
โ Time Restrictions
Restrict button interaction based on time
๐ฉโ๐ป Password Restrictions
Add a required code to the button
๐จ๏ธ Attach Message
Add a message to the button
๐จ๏ธ Attach Embed
Add an embed to the button
โป๏ธ Reset Functionality
Reset/remove a functionality of the button
๐๏ธ Remove Component
Remove the button
Keywords: components, add component, edit component, component options
Last updated