# 3box 👯‍♂️

[3box](https://3box.io/) offers a decentralized storage layer for applications. Currently if a user has created a [3box profile](https://3box.io/hub) with the address they use when visiting your site, you will be able to use DappHero to access their profile information. 

{% embed url="<https://webflow.com/website/DappHero-3box-profile>" %}
Click "clone" to make it yours!
{% endembed %}

You may want to consider adding some placeholder or default text, as some users will not have set up their 3box profiles. In addition, some users will only have uploaded parts of their profile leaving certain properties blank.

### 3Box Feature Reference

| Tag                            | Property   | Required | Displays          |
| ------------------------------ | ---------- | -------- | ----------------- |
| `data-dh-feature`              | "threebox" | Yes      | nothing           |
| `data-dh-property-name`        | "true"     | optional | Users Name        |
| `data-dh-property-website`     | "true"     | optional | Users Website     |
| `data-dh-property-location`    | "true"     | optional | Users Location    |
| `data-dh-property-emoji`       | "true"     | optional | Users Emoji       |
| `data-dh-property-job`         | "true"     | optional | Users Job         |
| `data-dh-property-description` | "true"     | optional | Users Description |
| **Three Box Image**            |            |          |                   |
| `data-dh-property-image`       | "true"     | optional | Users Image       |

To access any of the above properties, with the exception of the image property, follow this template, replacing the property with your desired property value.&#x20;

### Display the current user's 3Box Name

```markup
<div
    data-dh-feature="threebox"
    data-dh-property-name="true"
>
    Name will be displayed here
</div>
```

### Display the current user's 3Box Profile Image

To access a user's profile image, it is important to attach the feature to an image element.&#x20;

```markup
<img
    src="placeholder image URL"
    data-dh-feature="threebox"
    data-dh-property-image="true"
>
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.dapphero.io/features/3box.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.