Vue Avatar Component API

Avatar API

Explore the API reference for the Vue Avatar component and discover how to effectively utilize its props for customization.

On this page

jsx

import { CAvatar } from '@coreui/vue-pro'

Property	Default	Type
color	-	`Color`
Sets the color context of the component to one of CoreUI’s themed colors.
shape	-	`Shape`
Select the shape of the component.
size	-	`string`
Size the component small, large, or extra large.
src	-	`string`
The src attribute for the img element.
status	-	`string`
Sets the color context of the status indicator to one of CoreUI’s themed colors.
textColor	-	`TextColor`
Sets the text color of the component to one of CoreUI’s themed colors.