arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-23 00:15:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
Benjamin Canac
2025-07-18 18:38:27 +02:00
parent 3e836dfe4d
commit 1d692fb524
4 changed files with 47 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
playground/app/pages/components/file-upload.vue
View File

@@ -73,9 +73,9 @@ async function onSubmit(event: FormSubmitEvent<schema>) {
<div class="flex flex-col items-center gap-8">
<UForm :schema="schema" :state="state" class="space-y-4 w-80" @submit="onSubmit">
<UFormField name="avatar" label="Avatar" description="JPG, GIF or PNG. 1MB Max.">
<UFileUpload v-slot="{ open, reset, previewUrls }" v-model="state.avatar" accept="image/*">
<UFileUpload v-slot="{ open, reset, urls }" v-model="state.avatar" accept="image/*">
<div class="flex flex-wrap items-center gap-3">
<UAvatar size="lg" :src="previewUrls?.[0]" icon="i-lucide-image" />
<UAvatar size="lg" :src="urls?.[0]" icon="i-lucide-image" />
<UButton :label="state.avatar ? 'Change image' : 'Upload image'" color="neutral" @click="open()" />
</div>
@@ -105,6 +105,7 @@ async function onSubmit(event: FormSubmitEvent<schema>) {
:size="size"
label="Drop your image here"
description="SVG, PNG, JPG or GIF (max. 2MB)"
multiple
/>
</div>
</div>