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

up

Browse Source
This commit is contained in:
Benjamin Canac
2025-07-21 13:10:10 +02:00
parent 90660c97c3
commit 891d66cdb1
3 changed files with 120 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -72,12 +72,12 @@ async function onSubmit(event: FormSubmitEvent<schema>) {
</script>
<template>
<div class="flex flex-col items-center justify-center gap-8">
<div class="flex flex-col items-center gap-8">
<div class="flex flex-wrap items-center gap-3">
<USelect v-model="size" :items="sizes" />
</div>
<UForm :schema="schema" :state="state" class="space-y-4 w-80 flex flex-col items-center" @submit="onSubmit">
<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." :size="size">
<UFileUpload v-slot="{ open, reset, urls }" v-model="state.avatar" accept="image/*">
<div class="flex flex-wrap items-center gap-3">
@@ -108,7 +108,10 @@ async function onSubmit(event: FormSubmitEvent<schema>) {
label="Drop your image here"
description="SVG, PNG, JPG or GIF (max. 2MB)"
multiple
class="w-full"
:size="size"
/>
<UFileUpload multiple />
</div>
</template>