Avatar
It facilitates the creation of a user's profile picture with cutting and shrinking options.
<template>
<v-row no-gutters>
<v-col sm="3" class="mr-3">
<va-avatar-input source="avatarImage" :set-label="$t('resources.account.fields.avatar.set')" :del-label="$t('resources.account.fields.avatar.delete')">
</va-avatar-input>
</v-col>
</v-row>
</template>Mixins
- Input
- InputWrapper
- Source
- Resource
Properties
| Property | Type | Description |
|---|---|---|
| source | string |
The property of the resource to fetch the value to display. Supports dot display for slot used object. |
| model | string |
By default source will be the last name sent to the API service for create/update. This support allows you to override this default behavior. |
| backgroundColor | string |
Sets the background color. The default value is #ededed. |
| defaultSrc | string |
Determines the image shown by default. The default value is /src/assets/avatar_2x.png. |
| setLabel | string |
Determines the label of the button for adding an avatar. |
| delLabel | string |
Avatar determines the label of the button for deletion. |