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.
CAvatar
import { CAvatar } from '@coreui/vue'
| Property | Default | Type |
|---|
| ariaStatusLabel6.0.0+ | undefined | string |
Names the status indicator for assistive technologies. The indicator is a few pixels of color and nothing else, so a state that carries meaning has to be named; without this the indicator stays decorative. |
| colorDeprecated 6.0.0 | - | Color |
Sets the color context of the component to one of CoreUI’s themed colors. Use theme instead — color renders the same theme-{color} class and loses to theme when both are set. |
| 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 | - | Color |
Sets the color context of the status indicator to one of CoreUI’s themed colors. |
| theme6.0.0+ | - | Color |
Sets the color context of the component to one of CoreUI’s themed colors. |
| variant6.0.0+ | - | string |
Set the avatar variant. The default is solid. |
CAvatarStack
import { CAvatarStack } from '@coreui/vue'
| Property | Default | Type |
|---|
| size | - | string |
Size every avatar in the stack at once. |