Meter

A graphical display of a numeric value within a range.

x

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
x

With Slider

Increase Value
x