Skip to content
New issue

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

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

Already on GitHub? Sign in 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request] v-file-upload
3 participants