Battery Level
import { Meter, MeterLabel, MeterValue } from "@/components/ui/meter";
export function MeterDemo() {
return (
<Meter value={34} className="max-w-xs">
<MeterLabel>Battery Level</MeterLabel>
<MeterValue />
</Meter>
);
}Installation
npx shadcn@latest add @eo-n/meterUsage
Import all parts and piece them together.
import { Meter, MeterLabel, MeterValue } from "@/components/ui/meter";<Meter value={34}>
<MeterLabel>Battery Level</MeterLabel>
<MeterValue />
</Meter>