Embeddable Widgets
Add Velora crash data to your website with simple HTML tags. All widgets use Shadow DOM for style isolation.
Installation
Add this script tag to your page:
<script src="https://velora-app-lime.vercel.app /embed/velora-widgets.js"></script>
Crash Map
Display a map centered on a crash location.
<velora-crash-map latitude="39.7392" longitude="-104.9903" zoom="14" width="100%" height="300px" ></velora-crash-map>
Attributes
| Attribute | Default | Description |
|---|---|---|
latitude | 39.8283 | Latitude |
longitude | -98.5795 | Longitude |
zoom | 12 | Map zoom level |
width | 100% | Widget width |
height | 300px | Widget height |
Intersection Stats
Display crash statistics for an intersection.
<velora-intersection address="Colfax Ave & Broadway" state="CO" theme="light" ></velora-intersection>
Attributes
| Attribute | Required | Description |
|---|---|---|
address | Yes | Intersection or street address |
state | Yes | Two-letter state code |
theme | No | light or dark |
Attorney Badge
Display a Velora-verified attorney badge that links to the attorney profile.
<velora-attorney-badge slug="john-doe-co" theme="light" ></velora-attorney-badge>
Attributes
| Attribute | Required | Description |
|---|---|---|
slug | Yes | Attorney slug from Velora |
theme | No | light or dark |