# `PhiaUi.Components.Data.Tracker`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/data/tracker.ex#L1)

Status tracker visualization — a row of colored blocks representing status over time.

Inspired by Tremor's Tracker component. Each block represents a unit of time
or an event, colored according to its status.

## Examples

    <.tracker data={[
      %{color: "oklch(0.70 0.18 145)", tooltip: "Operational"},
      %{color: "oklch(0.65 0.22 30)", tooltip: "Degraded"},
      %{color: "oklch(0.60 0.20 240)", tooltip: "Operational"}
    ]} />

# `tracker`

Renders a row of colored status blocks.

## Attrs
- `data` — list of `%{color: string}` maps, optionally with `:tooltip` and `:key`

## Attributes

* `data` (`:list`) (required) - List of `%{color, tooltip}` maps.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*