Field

Usage

Import

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

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

States

hover · disabled · invalid · checked

Support

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

Accessibility

No ARIA widget 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

Announcements

Announced politely: screen readers read it when the user is idle.

Tests

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

On this page

Usage Import States Support Accessibility Announcements Tests