Create a Project

3box 👯‍♂️

Learn how to access decentralized 3Box user profiles

3box offers a decentralized storage layer for applications. Currently if a user has created a 3box profile with the address they use when visiting your site, you will be able to use DappHero to access their profile information.

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.

Display the current user's 3Box Name

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

<img
    src="placeholder image URL"
    data-dh-feature="threebox"
    data-dh-property-image="true"
>
PreviousUser 🤖NextSmart Contracts 👩🏾‍🔬

Last updated