Number Field

UsageCopy Anchor Link

ImportCopy Anchor Link

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

It can also be imported on its own from @qeetrix/ui/components/number-field.

StatesCopy Anchor Link

hover · focus-visible · active · disabled · read-only · invalid

SupportCopy Anchor Link

AccessibilityCopy Anchor Link

Follows the WAI-ARIA spinbutton pattern. Not yet audited.

KeyboardCopy Anchor Link

FocusCopy Anchor Link

Each control is a Tab stop, in order.

Known limitationsCopy Anchor Link

• Semantics: Base UI renders a text input with aria-roledescription ("Number field") rather than role=spinbutton; the spinbutton keyboard contract (ArrowUp/ArrowDown step) holds. The role description comes from the catalogue (numberField.roleDescription).

TestsCopy Anchor Link

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