Meter

A graphical display of a numeric value within a range.

Installation

pnpm dlx shadcn@latest add @lumi-ui/meter

Basic Usage

import { Meter } from "@/components/ui/meter";
export default function ExampleMeter() {
  return <Meter value={75} />;
}

Anatomy

 <Meter />

With Label and Value

Storage Used

With Slider

Increase Value