Meter

A quota / usage gauge — like Progress, but semantically a measurement within a known range (storage used, seats consumed).

Usage

Import

import { Meter } from "@qeetrix/ui";

It can also be imported on its own from @qeetrix/ui/components/meter.

Support

Feature	Status
Right-to-left	Not applicable
Dark mode	Supported
Density	Not applicable
Server rendering	Client component
Reduced motion	Supported

Accessibility

Follows the WAI-ARIA meter pattern. Audited.

Check	Result
Semantics	Pass
Accessible name	Pass
Keyboard	Not applicable
Focus	Not applicable
Screen reader	Pass
Right-to-left	Not applicable
Reduced motion	Pass
Forced colours	Pass
Contrast	Pass

Tests

Covered by unit, accessibility (axe) and visual tests.

On this page

Usage Import Support Accessibility Tests