Data & ChartsPro
Status Tracker
Status tracker for uptime and run history, plus StatusStripMini — the small strip for tables and lists.
Usage
System status
| label | Value |
|---|---|
| API · Day 1 | 1 |
| API · Day 2 | 1 |
| API · Day 3 | 1 |
| API · Day 4 | 1 |
| API · Day 5 | 1 |
| API · Day 6 | 1 |
| API · Day 7 | 1 |
| API · Day 8 | 1 |
| API · Day 9 | 1 |
| API · Day 10 | 1 |
| API · Day 11 | 1 |
| API · Day 12 | 1 |
| API · Day 13 | 1 |
| API · Day 14 | 1 |
| API · Day 15 | 1 |
| API · Day 16 | 1 |
| API · Day 17 | 1 |
| API · Day 18 | 1 |
| API · Day 19 | 1 |
| API · Day 20 | 1 |
| API · Day 21 | 1 |
| API · Day 22 | 1 |
| API · Day 23 | 1 |
| API · Day 24 | 1 |
| API · Day 25 | 1 |
| API · Day 26 | 1 |
| API · Day 27 | 1 |
| API · Day 28 | 1 |
| API · Day 29 | 1 |
| API · Day 30 | 1 |
| API · Day 31 | 1 |
| API · Day 32 | 1 |
| API · Day 33 | 1 |
| API · Day 34 | 1 |
| API · Day 35 | 1 |
| API · Day 36 | 1 |
| API · Day 37 | 1 |
| API · Day 38 | 1 |
| API · Day 39 | 1 |
| API · Day 40 | 1 |
| API · Day 41 | 1 |
| API · Day 42 | 1 |
| API · Day 43 | 1 |
| API · Day 44 | 1 |
| API · Day 45 | 1 |
| API · Day 46 | 1 |
| API · Day 47 | 1 |
| API · Day 48 | 1 |
| API · Day 49 | 1 |
| API · Day 50 | 1 |
| API · Day 51 | 1 |
| API · Day 52 | 1 |
| API · Day 53 | 1 |
| API · Day 54 | 1 |
| API · Day 55 | 1 |
| API · Day 56 | 1 |
| API · Day 57 | 1 |
| API · Day 58 | 1 |
| API · Day 59 | 1 |
| API · Day 60 | 1 |
| Dashboard · Day 1 | 1 |
| Dashboard · Day 2 | 1 |
| Dashboard · Day 3 | 1 |
| Dashboard · Day 4 | 1 |
| Dashboard · Day 5 | 1 |
| Dashboard · Day 6 | 1 |
| Dashboard · Day 7 | 1 |
| Dashboard · Day 8 | 1 |
| Dashboard · Day 9 | 1 |
| Dashboard · Day 10 | 1 |
| Dashboard · Day 11 | 1 |
| Dashboard · Day 12 | 1 |
| Dashboard · Day 13 | 1 |
| Dashboard · Day 14 | 1 |
| Dashboard · Day 15 | 1 |
| Dashboard · Day 16 | 1 |
| Dashboard · Day 17 | 1 |
| Dashboard · Day 18 | 1 |
| Dashboard · Day 19 | 1 |
| Dashboard · Day 20 | 1 |
| Dashboard · Day 21 | 1 |
| Dashboard · Day 22 | 1 |
| Dashboard · Day 23 | 1 |
| Dashboard · Day 24 | 1 |
| Dashboard · Day 25 | 1 |
| Dashboard · Day 26 | 1 |
| Dashboard · Day 27 | 1 |
| Dashboard · Day 28 | 1 |
| Dashboard · Day 29 | 1 |
| Dashboard · Day 30 | 1 |
| Dashboard · Day 31 | 1 |
| Dashboard · Day 32 | 1 |
| Dashboard · Day 33 | 1 |
| Dashboard · Day 34 | 1 |
| Dashboard · Day 35 | 1 |
| Dashboard · Day 36 | 1 |
| Dashboard · Day 37 | 1 |
| Dashboard · Day 38 | 1 |
| Dashboard · Day 39 | 1 |
| Dashboard · Day 40 | 1 |
| Dashboard · Day 41 | 1 |
| Dashboard · Day 42 | 1 |
| Dashboard · Day 43 | 1 |
| Dashboard · Day 44 | 1 |
| Dashboard · Day 45 | 1 |
| Dashboard · Day 46 | 1 |
| Dashboard · Day 47 | 1 |
| Dashboard · Day 48 | 1 |
| Dashboard · Day 49 | 1 |
| Dashboard · Day 50 | 1 |
| Dashboard · Day 51 | 1 |
| Dashboard · Day 52 | 1 |
| Dashboard · Day 53 | 1 |
| Dashboard · Day 54 | 1 |
| Dashboard · Day 55 | 1 |
| Dashboard · Day 56 | 1 |
| Dashboard · Day 57 | 1 |
| Dashboard · Day 58 | 1 |
| Dashboard · Day 59 | 1 |
| Dashboard · Day 60 | 1 |
| Webhooks · Day 1 | 1 |
| Webhooks · Day 2 | 1 |
| Webhooks · Day 3 | 1 |
| Webhooks · Day 4 | 1 |
| Webhooks · Day 5 | 1 |
| Webhooks · Day 6 | 1 |
| Webhooks · Day 7 | 1 |
| Webhooks · Day 8 | 1 |
| Webhooks · Day 9 | 1 |
| Webhooks · Day 10 | 1 |
| Webhooks · Day 11 | 1 |
| Webhooks · Day 12 | 1 |
| Webhooks · Day 13 | 1 |
| Webhooks · Day 14 | 1 |
| Webhooks · Day 15 | 1 |
| Webhooks · Day 16 | 1 |
| Webhooks · Day 17 | 1 |
| Webhooks · Day 18 | 1 |
| Webhooks · Day 19 | 1 |
| Webhooks · Day 20 | 1 |
| Webhooks · Day 21 | 1 |
| Webhooks · Day 22 | 1 |
| Webhooks · Day 23 | 1 |
| Webhooks · Day 24 | 1 |
| Webhooks · Day 25 | 1 |
| Webhooks · Day 26 | 1 |
| Webhooks · Day 27 | 1 |
| Webhooks · Day 28 | 1 |
| Webhooks · Day 29 | 1 |
| Webhooks · Day 30 | 1 |
| Webhooks · Day 31 | 1 |
| Webhooks · Day 32 | 1 |
| Webhooks · Day 33 | 1 |
| Webhooks · Day 34 | 1 |
| Webhooks · Day 35 | 1 |
| Webhooks · Day 36 | 1 |
| Webhooks · Day 37 | 1 |
| Webhooks · Day 38 | 1 |
| Webhooks · Day 39 | 1 |
| Webhooks · Day 40 | 1 |
| Webhooks · Day 41 | 1 |
| Webhooks · Day 42 | 1 |
| Webhooks · Day 43 | 1 |
| Webhooks · Day 44 | 1 |
| Webhooks · Day 45 | 1 |
| Webhooks · Day 46 | 1 |
| Webhooks · Day 47 | 1 |
| Webhooks · Day 48 | 1 |
| Webhooks · Day 49 | 1 |
| Webhooks · Day 50 | 1 |
| Webhooks · Day 51 | 1 |
| Webhooks · Day 52 | 1 |
| Webhooks · Day 53 | 1 |
| Webhooks · Day 54 | 1 |
| Webhooks · Day 55 | 1 |
| Webhooks · Day 56 | 1 |
| Webhooks · Day 57 | 1 |
| Webhooks · Day 58 | 1 |
| Webhooks · Day 59 | 1 |
| Webhooks · Day 60 | 1 |
Installation
Status Tracker comes with WunderUI Core and Pro, in the package from your plan. See the plans.
Then import what you need:
import {
StatusTracker,
StatusStripMini,
StatusTrackerProps,
StatusTrackerVariant,
} from "@wunderui/react"Examples
Uptime Tracker
System status
| label | Value |
|---|---|
| API · Day 1 | 1 |
| API · Day 2 | 1 |
| API · Day 3 | 1 |
| API · Day 4 | 1 |
| API · Day 5 | 1 |
| API · Day 6 | 1 |
| API · Day 7 | 1 |
| API · Day 8 | 1 |
| API · Day 9 | 1 |
| API · Day 10 | 1 |
| API · Day 11 | 1 |
| API · Day 12 | 1 |
| API · Day 13 | 1 |
| API · Day 14 | 1 |
| API · Day 15 | 1 |
| API · Day 16 | 1 |
| API · Day 17 | 1 |
| API · Day 18 | 1 |
| API · Day 19 | 1 |
| API · Day 20 | 1 |
| API · Day 21 | 1 |
| API · Day 22 | 1 |
| API · Day 23 | 1 |
| API · Day 24 | 1 |
| API · Day 25 | 1 |
| API · Day 26 | 1 |
| API · Day 27 | 1 |
| API · Day 28 | 1 |
| API · Day 29 | 1 |
| API · Day 30 | 1 |
| API · Day 31 | 1 |
| API · Day 32 | 1 |
| API · Day 33 | 1 |
| API · Day 34 | 1 |
| API · Day 35 | 1 |
| API · Day 36 | 1 |
| API · Day 37 | 1 |
| API · Day 38 | 1 |
| API · Day 39 | 1 |
| API · Day 40 | 1 |
| API · Day 41 | 1 |
| API · Day 42 | 1 |
| API · Day 43 | 1 |
| API · Day 44 | 1 |
| API · Day 45 | 1 |
| API · Day 46 | 1 |
| API · Day 47 | 1 |
| API · Day 48 | 1 |
| API · Day 49 | 1 |
| API · Day 50 | 1 |
| API · Day 51 | 1 |
| API · Day 52 | 1 |
| API · Day 53 | 1 |
| API · Day 54 | 1 |
| API · Day 55 | 1 |
| API · Day 56 | 1 |
| API · Day 57 | 1 |
| API · Day 58 | 1 |
| API · Day 59 | 1 |
| API · Day 60 | 1 |
| Dashboard · Day 1 | 1 |
| Dashboard · Day 2 | 1 |
| Dashboard · Day 3 | 1 |
| Dashboard · Day 4 | 1 |
| Dashboard · Day 5 | 1 |
| Dashboard · Day 6 | 1 |
| Dashboard · Day 7 | 1 |
| Dashboard · Day 8 | 1 |
| Dashboard · Day 9 | 1 |
| Dashboard · Day 10 | 1 |
| Dashboard · Day 11 | 1 |
| Dashboard · Day 12 | 1 |
| Dashboard · Day 13 | 1 |
| Dashboard · Day 14 | 1 |
| Dashboard · Day 15 | 1 |
| Dashboard · Day 16 | 1 |
| Dashboard · Day 17 | 1 |
| Dashboard · Day 18 | 1 |
| Dashboard · Day 19 | 1 |
| Dashboard · Day 20 | 1 |
| Dashboard · Day 21 | 1 |
| Dashboard · Day 22 | 1 |
| Dashboard · Day 23 | 1 |
| Dashboard · Day 24 | 1 |
| Dashboard · Day 25 | 1 |
| Dashboard · Day 26 | 1 |
| Dashboard · Day 27 | 1 |
| Dashboard · Day 28 | 1 |
| Dashboard · Day 29 | 1 |
| Dashboard · Day 30 | 1 |
| Dashboard · Day 31 | 1 |
| Dashboard · Day 32 | 1 |
| Dashboard · Day 33 | 1 |
| Dashboard · Day 34 | 1 |
| Dashboard · Day 35 | 1 |
| Dashboard · Day 36 | 1 |
| Dashboard · Day 37 | 1 |
| Dashboard · Day 38 | 1 |
| Dashboard · Day 39 | 1 |
| Dashboard · Day 40 | 1 |
| Dashboard · Day 41 | 1 |
| Dashboard · Day 42 | 1 |
| Dashboard · Day 43 | 1 |
| Dashboard · Day 44 | 1 |
| Dashboard · Day 45 | 1 |
| Dashboard · Day 46 | 1 |
| Dashboard · Day 47 | 1 |
| Dashboard · Day 48 | 1 |
| Dashboard · Day 49 | 1 |
| Dashboard · Day 50 | 1 |
| Dashboard · Day 51 | 1 |
| Dashboard · Day 52 | 1 |
| Dashboard · Day 53 | 1 |
| Dashboard · Day 54 | 1 |
| Dashboard · Day 55 | 1 |
| Dashboard · Day 56 | 1 |
| Dashboard · Day 57 | 1 |
| Dashboard · Day 58 | 1 |
| Dashboard · Day 59 | 1 |
| Dashboard · Day 60 | 1 |
| Webhooks · Day 1 | 1 |
| Webhooks · Day 2 | 1 |
| Webhooks · Day 3 | 1 |
| Webhooks · Day 4 | 1 |
| Webhooks · Day 5 | 1 |
| Webhooks · Day 6 | 1 |
| Webhooks · Day 7 | 1 |
| Webhooks · Day 8 | 1 |
| Webhooks · Day 9 | 1 |
| Webhooks · Day 10 | 1 |
| Webhooks · Day 11 | 1 |
| Webhooks · Day 12 | 1 |
| Webhooks · Day 13 | 1 |
| Webhooks · Day 14 | 1 |
| Webhooks · Day 15 | 1 |
| Webhooks · Day 16 | 1 |
| Webhooks · Day 17 | 1 |
| Webhooks · Day 18 | 1 |
| Webhooks · Day 19 | 1 |
| Webhooks · Day 20 | 1 |
| Webhooks · Day 21 | 1 |
| Webhooks · Day 22 | 1 |
| Webhooks · Day 23 | 1 |
| Webhooks · Day 24 | 1 |
| Webhooks · Day 25 | 1 |
| Webhooks · Day 26 | 1 |
| Webhooks · Day 27 | 1 |
| Webhooks · Day 28 | 1 |
| Webhooks · Day 29 | 1 |
| Webhooks · Day 30 | 1 |
| Webhooks · Day 31 | 1 |
| Webhooks · Day 32 | 1 |
| Webhooks · Day 33 | 1 |
| Webhooks · Day 34 | 1 |
| Webhooks · Day 35 | 1 |
| Webhooks · Day 36 | 1 |
| Webhooks · Day 37 | 1 |
| Webhooks · Day 38 | 1 |
| Webhooks · Day 39 | 1 |
| Webhooks · Day 40 | 1 |
| Webhooks · Day 41 | 1 |
| Webhooks · Day 42 | 1 |
| Webhooks · Day 43 | 1 |
| Webhooks · Day 44 | 1 |
| Webhooks · Day 45 | 1 |
| Webhooks · Day 46 | 1 |
| Webhooks · Day 47 | 1 |
| Webhooks · Day 48 | 1 |
| Webhooks · Day 49 | 1 |
| Webhooks · Day 50 | 1 |
| Webhooks · Day 51 | 1 |
| Webhooks · Day 52 | 1 |
| Webhooks · Day 53 | 1 |
| Webhooks · Day 54 | 1 |
| Webhooks · Day 55 | 1 |
| Webhooks · Day 56 | 1 |
| Webhooks · Day 57 | 1 |
| Webhooks · Day 58 | 1 |
| Webhooks · Day 59 | 1 |
| Webhooks · Day 60 | 1 |
Run History
Workflow runs
| label | Value |
|---|---|
| Nightly build · Run 1 | 1 |
| Nightly build · Run 2 | 1 |
| Nightly build · Run 3 | 1 |
| Nightly build · Run 4 | 1 |
| Nightly build · Run 5 | 1 |
| Nightly build · Run 6 | 1 |
| Nightly build · Run 7 | 1 |
| Nightly build · Run 8 | 1 |
| Nightly build · Run 9 | 1 |
| Nightly build · Run 10 | 1 |
| Nightly build · Run 11 | 1 |
| Nightly build · Run 12 | 1 |
| Nightly build · Run 13 | 1 |
| Nightly build · Run 14 | 1 |
| Nightly build · Run 15 | 1 |
| Nightly build · Run 16 | 1 |
| Nightly build · Run 17 | 1 |
| Nightly build · Run 18 | 1 |
| Nightly build · Run 19 | 1 |
| Nightly build · Run 20 | 1 |
| Nightly build · Run 21 | 1 |
| Nightly build · Run 22 | 1 |
| Nightly build · Run 23 | 1 |
| Nightly build · Run 24 | 1 |
| Nightly build · Run 25 | 1 |
| Nightly build · Run 26 | 1 |
| Nightly build · Run 27 | 1 |
| Nightly build · Run 28 | 1 |
| Deploy docs · Run 1 | 1 |
| Deploy docs · Run 2 | 1 |
| Deploy docs · Run 3 | 1 |
| Deploy docs · Run 4 | 1 |
| Deploy docs · Run 5 | 1 |
| Deploy docs · Run 6 | 1 |
| Deploy docs · Run 7 | 1 |
| Deploy docs · Run 8 | 1 |
| Deploy docs · Run 9 | 1 |
| Deploy docs · Run 10 | 1 |
| Deploy docs · Run 11 | 1 |
| Deploy docs · Run 12 | 1 |
| Deploy docs · Run 13 | 1 |
| Deploy docs · Run 14 | 1 |
| Deploy docs · Run 15 | 1 |
| Deploy docs · Run 16 | 1 |
| Deploy docs · Run 17 | 1 |
| Deploy docs · Run 18 | 1 |
| Deploy docs · Run 19 | 1 |
| Deploy docs · Run 20 | 1 |
| Deploy docs · Run 21 | 1 |
| Deploy docs · Run 22 | 1 |
| Deploy docs · Run 23 | 1 |
| Deploy docs · Run 24 | 1 |
| Deploy docs · Run 25 | 1 |
| Deploy docs · Run 26 | 1 |
| Deploy docs · Run 27 | 1 |
| Deploy docs · Run 28 | 1 |
| Sync CRM · Run 1 | 1 |
| Sync CRM · Run 2 | 1 |
| Sync CRM · Run 3 | 1 |
| Sync CRM · Run 4 | 1 |
| Sync CRM · Run 5 | 1 |
| Sync CRM · Run 6 | 1 |
| Sync CRM · Run 7 | 1 |
| Sync CRM · Run 8 | 1 |
| Sync CRM · Run 9 | 1 |
| Sync CRM · Run 10 | 1 |
| Sync CRM · Run 11 | 1 |
| Sync CRM · Run 12 | 1 |
| Sync CRM · Run 13 | 1 |
| Sync CRM · Run 14 | 1 |
| Sync CRM · Run 15 | 1 |
| Sync CRM · Run 16 | 1 |
| Sync CRM · Run 17 | 1 |
| Sync CRM · Run 18 | 1 |
| Sync CRM · Run 19 | 1 |
| Sync CRM · Run 20 | 1 |
| Sync CRM · Run 21 | 1 |
| Sync CRM · Run 22 | 1 |
| Sync CRM · Run 23 | 1 |
| Sync CRM · Run 24 | 1 |
| Sync CRM · Run 25 | 1 |
| Sync CRM · Run 26 | 1 |
| Sync CRM · Run 27 | 1 |
| Sync CRM · Run 28 | 1 |
Status Strip Mini
State – Loading
System status
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Status Page
Uptime per service with a 30-day strip in the service list.
System status
| label | Value |
|---|---|
| API · Day 1 | 1 |
| API · Day 2 | 1 |
| API · Day 3 | 1 |
| API · Day 4 | 1 |
| API · Day 5 | 1 |
| API · Day 6 | 1 |
| API · Day 7 | 1 |
| API · Day 8 | 1 |
| API · Day 9 | 1 |
| API · Day 10 | 1 |
| API · Day 11 | 1 |
| API · Day 12 | 1 |
| API · Day 13 | 1 |
| API · Day 14 | 1 |
| API · Day 15 | 1 |
| API · Day 16 | 1 |
| API · Day 17 | 1 |
| API · Day 18 | 1 |
| API · Day 19 | 1 |
| API · Day 20 | 1 |
| API · Day 21 | 1 |
| API · Day 22 | 1 |
| API · Day 23 | 1 |
| API · Day 24 | 1 |
| API · Day 25 | 1 |
| API · Day 26 | 1 |
| API · Day 27 | 1 |
| API · Day 28 | 1 |
| API · Day 29 | 1 |
| API · Day 30 | 1 |
| API · Day 31 | 1 |
| API · Day 32 | 1 |
| API · Day 33 | 1 |
| API · Day 34 | 1 |
| API · Day 35 | 1 |
| API · Day 36 | 1 |
| API · Day 37 | 1 |
| API · Day 38 | 1 |
| API · Day 39 | 1 |
| API · Day 40 | 1 |
| API · Day 41 | 1 |
| API · Day 42 | 1 |
| API · Day 43 | 1 |
| API · Day 44 | 1 |
| API · Day 45 | 1 |
| API · Day 46 | 1 |
| API · Day 47 | 1 |
| API · Day 48 | 1 |
| API · Day 49 | 1 |
| API · Day 50 | 1 |
| API · Day 51 | 1 |
| API · Day 52 | 1 |
| API · Day 53 | 1 |
| API · Day 54 | 1 |
| API · Day 55 | 1 |
| API · Day 56 | 1 |
| API · Day 57 | 1 |
| API · Day 58 | 1 |
| API · Day 59 | 1 |
| API · Day 60 | 1 |
| Dashboard · Day 1 | 1 |
| Dashboard · Day 2 | 1 |
| Dashboard · Day 3 | 1 |
| Dashboard · Day 4 | 1 |
| Dashboard · Day 5 | 1 |
| Dashboard · Day 6 | 1 |
| Dashboard · Day 7 | 1 |
| Dashboard · Day 8 | 1 |
| Dashboard · Day 9 | 1 |
| Dashboard · Day 10 | 1 |
| Dashboard · Day 11 | 1 |
| Dashboard · Day 12 | 1 |
| Dashboard · Day 13 | 1 |
| Dashboard · Day 14 | 1 |
| Dashboard · Day 15 | 1 |
| Dashboard · Day 16 | 1 |
| Dashboard · Day 17 | 1 |
| Dashboard · Day 18 | 1 |
| Dashboard · Day 19 | 1 |
| Dashboard · Day 20 | 1 |
| Dashboard · Day 21 | 1 |
| Dashboard · Day 22 | 1 |
| Dashboard · Day 23 | 1 |
| Dashboard · Day 24 | 1 |
| Dashboard · Day 25 | 1 |
| Dashboard · Day 26 | 1 |
| Dashboard · Day 27 | 1 |
| Dashboard · Day 28 | 1 |
| Dashboard · Day 29 | 1 |
| Dashboard · Day 30 | 1 |
| Dashboard · Day 31 | 1 |
| Dashboard · Day 32 | 1 |
| Dashboard · Day 33 | 1 |
| Dashboard · Day 34 | 1 |
| Dashboard · Day 35 | 1 |
| Dashboard · Day 36 | 1 |
| Dashboard · Day 37 | 1 |
| Dashboard · Day 38 | 1 |
| Dashboard · Day 39 | 1 |
| Dashboard · Day 40 | 1 |
| Dashboard · Day 41 | 1 |
| Dashboard · Day 42 | 1 |
| Dashboard · Day 43 | 1 |
| Dashboard · Day 44 | 1 |
| Dashboard · Day 45 | 1 |
| Dashboard · Day 46 | 1 |
| Dashboard · Day 47 | 1 |
| Dashboard · Day 48 | 1 |
| Dashboard · Day 49 | 1 |
| Dashboard · Day 50 | 1 |
| Dashboard · Day 51 | 1 |
| Dashboard · Day 52 | 1 |
| Dashboard · Day 53 | 1 |
| Dashboard · Day 54 | 1 |
| Dashboard · Day 55 | 1 |
| Dashboard · Day 56 | 1 |
| Dashboard · Day 57 | 1 |
| Dashboard · Day 58 | 1 |
| Dashboard · Day 59 | 1 |
| Dashboard · Day 60 | 1 |
| Webhooks · Day 1 | 1 |
| Webhooks · Day 2 | 1 |
| Webhooks · Day 3 | 1 |
| Webhooks · Day 4 | 1 |
| Webhooks · Day 5 | 1 |
| Webhooks · Day 6 | 1 |
| Webhooks · Day 7 | 1 |
| Webhooks · Day 8 | 1 |
| Webhooks · Day 9 | 1 |
| Webhooks · Day 10 | 1 |
| Webhooks · Day 11 | 1 |
| Webhooks · Day 12 | 1 |
| Webhooks · Day 13 | 1 |
| Webhooks · Day 14 | 1 |
| Webhooks · Day 15 | 1 |
| Webhooks · Day 16 | 1 |
| Webhooks · Day 17 | 1 |
| Webhooks · Day 18 | 1 |
| Webhooks · Day 19 | 1 |
| Webhooks · Day 20 | 1 |
| Webhooks · Day 21 | 1 |
| Webhooks · Day 22 | 1 |
| Webhooks · Day 23 | 1 |
| Webhooks · Day 24 | 1 |
| Webhooks · Day 25 | 1 |
| Webhooks · Day 26 | 1 |
| Webhooks · Day 27 | 1 |
| Webhooks · Day 28 | 1 |
| Webhooks · Day 29 | 1 |
| Webhooks · Day 30 | 1 |
| Webhooks · Day 31 | 1 |
| Webhooks · Day 32 | 1 |
| Webhooks · Day 33 | 1 |
| Webhooks · Day 34 | 1 |
| Webhooks · Day 35 | 1 |
| Webhooks · Day 36 | 1 |
| Webhooks · Day 37 | 1 |
| Webhooks · Day 38 | 1 |
| Webhooks · Day 39 | 1 |
| Webhooks · Day 40 | 1 |
| Webhooks · Day 41 | 1 |
| Webhooks · Day 42 | 1 |
| Webhooks · Day 43 | 1 |
| Webhooks · Day 44 | 1 |
| Webhooks · Day 45 | 1 |
| Webhooks · Day 46 | 1 |
| Webhooks · Day 47 | 1 |
| Webhooks · Day 48 | 1 |
| Webhooks · Day 49 | 1 |
| Webhooks · Day 50 | 1 |
| Webhooks · Day 51 | 1 |
| Webhooks · Day 52 | 1 |
| Webhooks · Day 53 | 1 |
| Webhooks · Day 54 | 1 |
| Webhooks · Day 55 | 1 |
| Webhooks · Day 56 | 1 |
| Webhooks · Day 57 | 1 |
| Webhooks · Day 58 | 1 |
| Webhooks · Day 59 | 1 |
| Webhooks · Day 60 | 1 |
Services
Last 30 days
- API
- Dashboard
- Webhooks
Anatomy
The parts the component is made of. Each one renders a you can target from CSS.
- data-slot="status-strip-mini"Optional
API Reference
| Prop | Type | Default |
|---|---|---|
| variant | "uptime-tracker" | "run-history" | "uptime-tracker" |
| rows | { label, caption?, statuses, cellLabels? }[] | — |
| StatusStripMini | statuses · width 120 · height 24 | — |
| state | "ready" | "loading" | "empty" | "error" | "ready" |
| hiddenSeries · animate · animationKey | string[] · boolean · string | number | — |
| animate | boolean | — |
| animationKey | string | number | — |
| className | string | — |
| height | number | — |
| label | string | — |
| onRetry | () => void | — |
| width | number | — |
Theming
The CSS variables this component reads. Set one on any wrapper to restyle everything inside it. More in Theming.
| Variable | Used for | Default |
|---|---|---|
| Color | ||
| ValueStatusTracker, StatusStripMini | #555CF3 | |
| ValueStatusTracker, StatusStripMini | #1AD598dark #3DDBA6 | |
| ValueStatusTracker, StatusStripMini | #A2A3A3dark #6E7078 | |
| ValueStatusTracker, StatusStripMini | #D42A2D | |
| FillStatusTracker | #000000dark #FFFFFF | |
| ValueStatusTracker, StatusStripMini | #F1F5F7dark #323438 | |
| FillStatusTracker | #6E6E70dark #A2A3A3 | |
| ValueStatusTracker, StatusStripMini | #FACA4A | |
| Motion | ||
| DurationStatusTracker | 150ms | |
| EasingStatusTracker | cubic-bezier(0.22, 1, 0.36, 1) | |