​
Setup

1

Add the script

Import the script to your website entry HTML file as follows:
<head>
  ...
  <script src="https://widget.trustblock.run/project-widget.min.js" defer />
</head>
2

Add the div

If you already know the project you want to display the label for and are not in a dynamic context, then you should use data-tb-project-slug.Head to app.trustblock.run, find the project you want to get the label for, and copy the slug in the URL. GetSlugThen add the div to your website:
  <div
    data-tb-project-widget
    data-tb-project-slug="project-slug"
    data-tb-color="light"
    data-tb-mode="fit"
  />
Parameters
  • data-tb-project-widget is a required parameter that allows the widget to be initialized.
  • data-tb-project-slug is a required parameter that specifies the slug of the project you want to display the label for.
  • data-tb-color is an optional parameter that specifies the color of the widget, can be light or dark.
  • data-tb-mode is an optional parameter that specifies the sizing behavior of the widget, can be fit or fill.

​
Give it a try on our playground