PhiaUi.Components.Data.Tracker (phia_ui v0.1.17)

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"}
]} />

Summary

Functions

tracker(assigns)

Renders a row of colored status blocks.

Functions

tracker(assigns)

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.