UnreviewedOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptionalonOptional UnreviewedkeyReact/Preact reconciliation key when rendered inside a list.
Optional UnreviewedidHTML id attribute.
Optional UnreviewedclassHTML class attribute (standard DOM).
Optional UnreviewedclassReact/Preact-style class name. Alias for class.
Optional UnreviewedstyleInline styles applied to the element.
OptionalchildrenOptional UnreviewedslotAssigns the element to a named <slot> (e.g. slot="title").
Optional UnreviewedtabTab order. Set to 0 to make the element keyboard-focusable.
Optional UnreviewedseedAlphanumeric seed driving the generated userpic. Falls back to name.
Optional UnreviewednameName — supplies the initials fallback and accessible name, and seeds
generation when seed is absent.
Optional UnreviewedsrcImage URL. Shown instead of a generated userpic when present.
Optional UnreviewedsizeSize of the square container. medium is the default; set a pixel size via
the --avatar-size custom property.
Optional UnreviewedbadgeCorner badge, colored by tone — a named tone or any literal CSS color (derived in oklch). Omit for no badge.
Optional UnreviewedroundFully-round (circular) frame, or a custom radius via a length value
(round="12px"). Presence-based for the boolean form.
Optional UnreviewedconfigBrand generation constraints as a JSON string (an AvatarGenConfig). With
the Avatar wrapper, pass the object as generator and it is serialized.
Optional UnreviewedroleARIA role — the JSX wrapper sets this to 'img'.
Optional Unreviewedaria-ARIA accessible name.
Attributes for the
<a-avatar>custom element.These are the low-level web component attributes. For the typed JSX wrapper, use
Avatarfrom@antadesign/anta.