Installation

Barrel

Granular

Usage

export default function Example() {
  return <Meter label="Storage used" value={65} />;
}

Examples

Basic Meter

The default meter displays a label and percentage value.

Custom Value Display

Use customValue to show a custom string instead of the percentage.

Hidden Value

Set showValue={false} to hide the value display.

Full Meter

A meter at 100% capacity.

Low Value

A meter with a low value.

API Reference