Meter

A graphical display of a numeric value within a range.

API Reference
Loading...
Loading code...

Installation

pnpm dlx shadcn@latest add @uitopia/meter

Usage

import { Meter, MeterLabel, MeterValue } from "@/components/ui/meter"
<Meter value={40}>
  <MeterLabel>Progress</MeterLabel>
  <MeterValue />
</Meter>

Examples

Without Label and Value

Loading...
Loading code...

With Formatted Value

Loading...
Loading code...

With Range

Loading...
Loading code...