size | "s" | "xs" | "m" | "l" | "m" | The size of the avatar. |
color | "violet" | "green" | "blue" | "teal" | "lilac" | - | The color of icons and initials inside the avatar. |
status | "info" | "success" | "warning" | "danger" | "unavailable" | - | 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. |
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 | - | |
