Guides
Labels Widget
Trustblock labels are visual gateways to display the security state of a project on a website.
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.
Then 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 belight
ordark
.data-tb-mode
is an optional parameter that specifies the sizing behavior of the widget, can befit
orfill
.