Builtin component

Meter

Horizontal bar chart with segments.

Props

PropTypeDefaultDescription
sourceDataSource—Resource binding
data{ segments, footer? }—Inline meter data

Example

Meter({
  source: usage(),
  data: {
    segments: [
      { label: "Used", value: 72, tone: "warning" },
      { label: "Free", value: 28, tone: "healthy" },
    ],
    footer: "72% utilized",
  },
})