Meter

Displays a measurement within a known range — like disk usage or a score. Unlike Progress, it represents a static value, not task progress.

Storage used

tsx

import { Meter, MeterLabel, MeterValue } from "@/registry/seam/ui/meter"

export default function MeterDemo() {
  return (
    <Meter value={72} className="w-64">
      <div className="flex items-center justify-between">
        <MeterLabel>Storage used</MeterLabel>
        <MeterValue />
      </div>
    </Meter>
  )
}

bunx --bun @seamui/cli@latest add meter

Notes

Exposes role="meter" with value/min/max — announced as a measurement, not task progress — and associates MeterLabel for a readable name.

Press feedback, reduced motion, and haptics follow the global policy — see Motion and Haptics.