> ## Documentation Index
> Fetch the complete documentation index at: https://docs.drip.re/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

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

<Frame caption="Edit Components Select Menu Magic Embed">
  <img src="https://mintcdn.com/driprewards/PdG1Mk4gy7bbF954/images/drip-features/magic-embed-builder/img_20216e.png?fit=max&auto=format&n=PdG1Mk4gy7bbF954&q=85&s=d8259c4857be17203caee1f696c5c1ee" width="796" height="308" data-path="images/drip-features/magic-embed-builder/img_20216e.png" />
</Frame>

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`

<Frame caption="Add Component Select">
  <img src="https://mintcdn.com/driprewards/PdG1Mk4gy7bbF954/images/drip-features/magic-embed-builder/img_5910f8.png?fit=max&auto=format&n=PdG1Mk4gy7bbF954&q=85&s=2ed927ce390ac373a2e1ec7ccc9966b4" width="1000" height="1044" data-path="images/drip-features/magic-embed-builder/img_5910f8.png" />
</Frame>

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

<Frame caption="Add Component Form">
  <img src="https://mintcdn.com/driprewards/PdG1Mk4gy7bbF954/images/drip-features/magic-embed-builder/img_b06742.png?fit=max&auto=format&n=PdG1Mk4gy7bbF954&q=85&s=382b5843701026cdd97a27be24a2ada0" width="872" height="720" data-path="images/drip-features/magic-embed-builder/img_b06742.png" />
</Frame>

When you submit the information, you should now see all the possible modifications, each of which is explained in[Components Options](/drip-features/magic-embed-builder/components#components-options)

<Info>
  Due to Discord limitations a Magic Embed can only have a **maximum** of 5
  buttons.
</Info>

### ✏️ 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 in[Components Options](/drip-features/magic-embed-builder/components#components-options)

<Frame caption="Edit Component Select">
  <img src="https://mintcdn.com/driprewards/PdG1Mk4gy7bbF954/images/drip-features/magic-embed-builder/img_f67675.png?fit=max&auto=format&n=PdG1Mk4gy7bbF954&q=85&s=95876bf130ad05b6a93b324875bcfbd9" width="796" height="418" data-path="images/drip-features/magic-embed-builder/img_f67675.png" />
</Frame>

## Components Options

<CardGroup>
  <Card title="✏️" href="/drip-features/magic-embed-builder/components/edit-component">
    Edit the label of the button
  </Card>

  {" "}

  <Card title="🎨" href="/drip-features/magic-embed-builder/components/edit-style">
    Style the button
  </Card>

  {" "}

  <Card title="🔗" href="/drip-features/magic-embed-builder/components/add-link">
    Redirect members to a website
  </Card>

  {" "}

  <Card title="✨" href="/drip-features/magic-embed-builder/components/give-take-points">
    Give/take points from a member
  </Card>

  {" "}

  <Card title="✨" href="/drip-features/magic-embed-builder/components/give-take-role">
    Give/take a role from a member
  </Card>

  {" "}

  <Card title="✨ Role Restrictions" href="/drip-features/magic-embed-builder/components/role-restrictions">
    Restrict button interaction based on roles
  </Card>

  {" "}

  <Card title="⌛" href="/drip-features/magic-embed-builder/components/time-restricions">
    Restrict button interaction based on time
  </Card>

  {" "}

  <Card title="👩‍💻 Password Restrictions" href="/drip-features/magic-embed-builder/components/password-restrictions">
    Add a required code to the button
  </Card>

  {" "}

  <Card title="🗨️" href="/drip-features/magic-embed-builder/components/attach-message">
    Add a message to the button
  </Card>

  {" "}

  <Card title="🗨️" href="/drip-features/magic-embed-builder/components/attach-embed">
    Add an embed to the button
  </Card>

  {" "}

  <Card title="♻️" href="/drip-features/magic-embed-builder/components/reset-functionality">
    Reset/remove a functionality of the button
  </Card>

  <Card title="🗑️" href="/drip-features/magic-embed-builder/components/remove-component">
    Remove the button
  </Card>
</CardGroup>

*Keywords: components, add component, edit component, component options*
