size
| sxsmlDefault: "m"
| The size of the avatar. |
color
| violetgreenblueteallilac
| The color of icons and initials inside the avatar. |
status
| infosuccesswarningdangerunavailable
| Adds status icon and color to the avatar. May only be used if the status is
explained by an element (like text or label) nearby. |
label
| string
| A descriptive label that assistive technology announces for the avatar
(e.g. the name of the represented person or entity). When set, the avatar
is exposed as a single image with this label. When omitted, the avatar is
treated as purely decorative and hidden from assistive technology. |
children
| ReactNode
| |
className
| string
| The elements class name. |
wrapWith
| ReactElement<unknown, string | JSXElementConstructor<any>>
| |
ref
| Ref<HTMLSpanElement>
| Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null`
(or call the ref with `null` if you passed a callback ref).
@see React Docs |
key
| Key
| |