API and Development
@prepared911/ui does not export Circle or CircleColor. A round identity mark is Avatar from @prepared911/ui/avatar with AvatarShape.Circle. Counts and status tags use Badge. A status marker without a label uses StatusDot.
| Name | Type | Default | Description |
|---|---|---|---|
alt | AvatarName | — | Accessible name, such as the person's name. The first character is the default initials. Not allowed on a decorative avatar. |
color | AvatarColor | — | Fill and initials color. Defaults to {@link AvatarColor.Default}. |
decorative | boolean | — | When omitted or false, the avatar is meaningful and must supply alt.
Hides the avatar from assistive technology. |
fallback | AvatarName | — | Text shown when there is no image. Defaults to the first character of alt. |
id | string | — | Element id of the root. |
ref | Ref<HTMLSpanElement> | — | Ref to the root span. |
shape | AvatarShape | — | Outline. Defaults to {@link AvatarShape.Circle}. |
size | AvatarSize | — | Diameter and initials type role. Defaults to {@link AvatarSize.Regular}. |
src | string | — | Trusted image URL, rendered with Image. Without it, or when it fails to load, the initials show. |
Avatar, AvatarColor, AvatarShape, and AvatarSize from @prepared911/ui/avatar.