Avatar
AvatarUpload
Avatar with file upload capability.
Avatar
User avatar components with support for images, initials fallback, grouped display, and file upload.
Components
<XAAvatarUpload />
Avatar with file upload capability.
<XAAvatarUpload v-model="avatarUrl" :user="user" @upload="handleUpload" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string | '' | Current avatar URL |
user | User | required | User object |
uploadUrl | string | '/api/upload' | Upload endpoint |
Emits
| Event | Payload | Description |
|---|---|---|
update:modelValue | string | New avatar URL after upload |
upload | File | Fires before upload |
error | Error | Upload error |
AI Context
component: XAAvatarUpload
package: "@xenterprises/nuxt-x-app"
category: Avatar
use-when: Profile settings page, user profile editing
emits-model-value: true
required-props: [user]