Avatar

A person's picture, initials or a neutral icon.

Usage

Import

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

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

Support

Feature	Status
Right-to-left	Not applicable
Dark mode	Supported
Density	Not applicable
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	Not applicable
Forced colours	Pass
Contrast	Pass

Tests

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

On this page

Usage Import Support Accessibility Tests