Forms
FormUploadFile
Multi-file upload with progress tracking.
Forms
Enhanced form components for uploads, rich text editing, and search inputs.
Components
<XAFormUploadFile />
Multi-file upload with progress tracking.
<XAFormUploadFile
v-model="files"
:upload-url="'/api/upload'"
:max-files="10"
accept=".pdf,.doc,.docx"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string[] | [] | Array of uploaded file URLs via v-model; updated after each successful upload |
uploadUrl | string | required | POST endpoint that receives files as multipart/form-data |
accept | string | '*' | MIME types or extensions filter for the file picker |
maxFiles | number | 10 | Maximum number of files that can be queued at once |
maxSizeMb | number | 10 | Maximum allowed file size per file in megabytes |
AI Context
component: XAFormUploadFile
package: "@xenterprises/nuxt-x-app"
category: Form
use-when: Admin forms requiring multi-file uploads with progress tracking
upload-pattern: requires upload-url prop pointing to POST endpoint, emits update:modelValue with uploaded file URLs