Skip to content

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.

vue
<template>
  <oc-file-input v-model="files" label="Select file" />
</template>

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

const files = ref<FileList>()

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

Properties

Emits

Slots