> ## Documentation Index
> Fetch the complete documentation index at: https://superflow-claude-superflow-portal-docs-78gpp8.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Attach Files

> Learn how to attach files to your comments. This comes in handy when you want to show or add a reference to what you would like to accomplish.

In this article, you will learn how to attach files to your comments. This comes in handy when you want to show or add a reference to what you would like to accomplish.

<Steps>
  <Step title="Find the Superflow Toolbar and click the Comment icon">
    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/RIqHueQcev0iKYC7/images/how-to-guides/how-to-attach-files/RVN1FINAL.png?fit=max&auto=format&n=RIqHueQcev0iKYC7&q=85&s=d2f6a6dbec5a1300e230f3a0d32b9ed0" alt="Find the Superflow Toolbar and click the Comment icon" width="835" height="366" data-path="images/how-to-guides/how-to-attach-files/RVN1FINAL.png" />
    </Frame>
  </Step>

  <Step title="After clicking the icon, click the Element you want to comment on">
    > **Note**: when you hover your cursor on an element, it will appear as a **Comment** icon which signifies that you selected the comment feature.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/RIqHueQcev0iKYC7/images/how-to-guides/how-to-attach-files/AF1FINAL.png?fit=max&auto=format&n=RIqHueQcev0iKYC7&q=85&s=78aaec4f362d1dcad4b33251f39f753f" alt="After clicking the icon, click the Element you want to comment on" width="827" height="308" data-path="images/how-to-guides/how-to-attach-files/AF1FINAL.png" />
    </Frame>
  </Step>

  <Step title="The Comment Box will appear, click the Attach Files icon">
    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/RIqHueQcev0iKYC7/images/how-to-guides/how-to-attach-files/AF2FINAL.png?fit=max&auto=format&n=RIqHueQcev0iKYC7&q=85&s=adf35fd4c612a4a1e324ee760295bafa" alt="The Comment Box will appear, click the Attach Files icon" width="832" height="309" data-path="images/how-to-guides/how-to-attach-files/AF2FINAL.png" />
    </Frame>
  </Step>

  <Step title="The File Location window will appear">
    Find and select the file to attach.

    > **Note**: this option only accepts image files such as png, jpg, gif, svg with less than 2MB file size.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/RIqHueQcev0iKYC7/images/how-to-guides/how-to-attach-files/AF3FINAL.png?fit=max&auto=format&n=RIqHueQcev0iKYC7&q=85&s=df49631dd55e9e1f6959a5f66d423079" alt="The File Location window will appear" width="646" height="374" data-path="images/how-to-guides/how-to-attach-files/AF3FINAL.png" />
    </Frame>
  </Step>

  <Step title="Click Open to upload the file" />

  <Step title="The selected file will appear in the Comment Box">
    You can add a description or a note in the comment field to include details of the attachment (optional). Click the **Post** button to comment with the attached file.

    <Frame>
      <img src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/RIqHueQcev0iKYC7/images/how-to-guides/how-to-attach-files/AF4FINAL.png?fit=max&auto=format&n=RIqHueQcev0iKYC7&q=85&s=f7d522e2d371e0ab661b3b6d53fae021" alt="The selected file will appear in the Comment Box" width="831" height="420" data-path="images/how-to-guides/how-to-attach-files/AF4FINAL.png" />
    </Frame>
  </Step>
</Steps>