OcFileInput component

Description

The OcFileInput component can be used to upload one or multiple files.

Examples

Default

The default and most simple use case involves a v-model and a label.

<template>
  <oc-file-input
    v-model="files"
    label="Select file"
    description-message="Select an image to see a preview"
  />
</template>

<script setup lang="ts">
import { ref, watch } from 'vue'

const files = ref<FileList>()

watch(files, (newFiles) => {
  console.log(newFiles)
})
</script>

Properties

Emits

Slots