# Avatar

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

The extended properties are:

<table data-full-width="false"><thead><tr><th>Property</th><th>Type</th><th>Props Value</th></tr></thead><tbody><tr><td>color</td><td>string</td><td>primary (default), secondary, info, success, warning, error, inherit, default</td></tr><tr><td>children</td><td>ReactNode</td><td></td></tr><tr><td>size</td><td>SizeProps</td><td>md , badge, xs, sm, lg, xl</td></tr><tr><td>outline</td><td>boolean</td><td>true (default), false</td></tr><tr><td>target</td><td>LinkTarget</td><td></td></tr><tr><td>alt</td><td>string</td><td></td></tr><tr><td>href</td><td>string</td><td></td></tr><tr><td>src</td><td>string</td><td></td></tr><tr><td>className</td><td>string</td><td></td></tr><tr><td>component</td><td>OverridableComponent</td><td></td></tr><tr><td>sx</td><td>AvatarProps[]</td><td></td></tr></tbody></table>

Live Preview: <https://berrydashboard.com/basic/avatar>

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