Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

feat(VFileUpload): add new component #19667

Merged
merged 16 commits into from
Dec 11, 2024
Merged

feat(VFileUpload): add new component #19667

merged 16 commits into from
Dec 11, 2024

Conversation

johnleider
Copy link
Member

@johnleider johnleider commented Apr 23, 2024

Motivation and Context

closes #8812

Markup:

<template>
  <v-app>
    <div class="ma-4 pa-4" style="max-width: 700px;">
      <v-file-upload
        v-model="model"
        label="Upload logo"
        name="metadata[images][logo]"
        multiple
        show-size
      >
        <!-- <template #browse="{ props: browseProps }">
          <v-btn v-bind="browseProps" color="purple" size="small" />
        </template> -->

        <template #item="{ props: itemProps }">
          <v-file-upload-item v-bind="itemProps" lines="one" nav>
            <template #prepend>
              <v-avatar size="32" rounded />
            </template>

            <template #clear="{ props: clearProps }">
              <v-btn color="primary" v-bind="clearProps" />
            </template>
          </v-file-upload-item>
        </template>
      </v-file-upload>
      <pre>{{ JSON.stringify(file, null, 2) }}</pre>
      <v-file-upload density="comfortable" />
      <v-file-upload density="compact" />
    </div>
  </v-app>
</template>

<script setup>
  import { ref, watchEffect } from 'vue'

  const model = ref(null)
  const file = ref(null)
</script>

@johnleider johnleider self-assigned this Apr 23, 2024
@johnleider johnleider force-pushed the feat/v-file-upload branch 3 times, most recently from 583b0ef to 2129086 Compare April 30, 2024 00:37
@johnleider johnleider marked this pull request as ready for review April 30, 2024 05:02
@johnleider johnleider changed the base branch from dev to master October 8, 2024 15:27
@johnleider johnleider requested a review from KaelWD October 10, 2024 14:45
@johnleider johnleider merged commit 89c58dd into master Dec 11, 2024
20 checks passed
@johnleider johnleider deleted the feat/v-file-upload branch December 11, 2024 19:59
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request] v-file-upload
3 participants