File

This page covers:

FileInput

Props

accept?: string
multiple?: boolean

Exposed CSS variables

--DFV-file-input-width
--DFV-file-input-background
--DFV-file-input-foreground
--DFV-file-input-border-color
--DFV-file-input-hover-border-color
--DFV-file-input-focus-border-color
--DFV-file-input-focus
--DFV-file-input-button-background
--DFV-file-input-button-border-color
--DFV-file-input-button-hover-background
--DFV-file-input-button-foreground

Example

vue

vue

<script setup lang="ts">
import { FileInput } from "@duplojs/form/vueDesignSystem";
import { ref } from "vue";

const files = ref<File[] | null>(null);
</script>

<template>
	<FileInput
		v-model="files"
		accept=".pdf,.png"
		multiple
	/>
</template>