# `HotspotBadge`

> Contract 2.0.0 · package sha256 `a857eca95b35921109faf997094bb4192f12527d9d0fcd4be7e97f06425bad6e` · generated from `configurator-runtime.d.ts` by `services/onsite-scripter/scripts/build-contract-docs.mjs`; edit the source, not this file.

Interface · `import type { HotspotBadge } from '@holostep-configurators/runtime-client/contract';` · stable · since 2.0.0 · section 13. Overlays

A badge the runtime draws as a `<button>`.

## Members

| Member | Kind | Summary |
| --- | --- | --- |
| <a id="id"></a>[`id`](HotspotBadge.id.md) | property | Unique among the badges; 'hotspot:click' reports it. |
| <a id="at"></a>[`at`](HotspotBadge.at.md) | property | World point, metres. |
| <a id="label"></a>[`label`](HotspotBadge.label.md) | property | The button's accessible name. |
| <a id="stylepart"></a>[`stylePart?`](HotspotBadge.stylePart.md) | property | Added to the badge's `part` attribute beside 'badge'; style it from the page with `::part(<name>)`. |

## Declaration

```ts
export interface HotspotBadge {
  id: string;
  at: Point3;
  label: string;
  stylePart?: string;
}
```

## Generic-API test (spec 3.1)

| Rule | Result |
| --- | --- |
| 1. Neutral name | pass: `HotspotBadge` names no product |
| 2. A precedent | pass: [Babylon.js SpriteManager](https://github.com/BabylonJS/Babylon.js/blob/master/packages/dev/core/src/Sprites/spriteManager.ts) (row `K50`); [model-viewer (ar, camera-orbit, auto-rotate)](https://modelviewer.dev/docs/) (row `K50`) |
| 3. Two apps, or labs | pass: 3 apps (ledger: app-ddfb017681, app-fc07850558, app-fc306ec3dc) |
| 4. The cheaper fix first | decided per need in Appendix B: rows `K50` at tier stable (a member only where no rule, data, asset or app code serves the need) |