> ## Documentation Index
> Fetch the complete documentation index at: https://docs.roundtable.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Using the Roundtable badge

Roundtable's verification badge is a small, drop-in widget that shows whether Proof of Human is running or not. It auto-renders wherever you place `<div class="roundtable-badge">`, listens to your tracker’s events, and gracefully handles SPAs and back-navigation.

Note that the badge does *not* display any results related to risk score. Instead, it determines success or failure based on whether the Roundtable tracking is working correctly.

<img src="https://mintcdn.com/roundtabletechnologiesinc/WBOp9h-fRYrHLjFL/images/badge.png?fit=max&auto=format&n=WBOp9h-fRYrHLjFL&q=85&s=9a64634ce0da3476f982b2855cba0f31" alt="Roundtable badge" width="1688" height="748" data-path="images/badge.png" />

## Quick start

We recommend adding the tracker and the badge script on the same page, with the badge script after the tracking script:

```html theme={null}
<!-- Core tracker -->
<script
  src="https://cdn.roundtable.ai/v1/rt.js"
  data-site-key="YOUR_SITE_KEY"
></script>

<!-- Badge -->
<div class="roundtable-badge"></div>
<script src="https://cdn.roundtable.ai/v1/badge.js"></script>
```

After importing the badge script, the badge can be added anywhere by adding a div with the class `roundtable-badge`:

```html theme={null}
<div class="roundtable-badge"></div>
```

## Styling

The badge renders inside a Shadow DOM, so your site’s CSS won’t break it (and vice-versa).

By default, the badge's width is `231px`. We recommend never setting the width less than this value. However, you can control the badge width via a `width` attribute:

```html theme={null}
<div class="roundtable-badge" width="300px"></div>
```

`width` takes any css width, e.g. `300px`, `100%`, etc.

## State

At any given time, the badge is in one of three states:

* **Loading:** shows a spinner and an animating progress bar while the tracker initializes and verifies Roundtable is running.
* **Pass:** displays a check icon in black. This indicates that Roundtable is running and gathering user data.
* **Fail:** displays an X icon in red. This indicates that Roundtable is not running.

See also:

* [Integrating Roundtable](integration) for adding the tracker
* [Accessing Session Data](accessing-session-data) for using the session ID and scores