> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/mantis/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/mantis/components/avatar.md).

# Avatar

This component extends the original component provided by MUI: <https://mui.com/material-ui/react-avatar/>

The extended properties are:

| Property | Type                | Props Value                                                                   |
| -------- | ------------------- | ----------------------------------------------------------------------------- |
| color    | ColorProps          | primary (default), secondary, info, success, warning, error, inherit, default |
| children | ReactNode \| string |                                                                               |
| type     | AvatarTypeProps     | default (default), filled, outlined, combined                                 |
| size     | SizeProps           | md (default), badge, xs, sm, lg, xl                                           |

Live Preview: <https://mantisdashboard.com/components-overview/avatars>

{% hint style="info" %}
Asterisk (<mark style="color:red;">\*</mark>) indicates required props.
{% endhint %}