Dropfile - Pharen

Use Dropfile to accept files through a drag-and-drop surface. This page covers every Vue component exported by the public module.

View code

<script setup lang="ts">
import { DropFile } from '@pharen/ui';
</script>

<template>
  <DropFile
    accept="image/png,image/jpeg"
    :max-size="5 * 1024 * 1024"
    label="Drop screenshots here or choose files"
    description="PNG or JPG up to 5 MB"
  />
</template>

Installation

npm install @pharen/ui

pnpm add @pharen/ui

yarn add @pharen/ui

bun add @pharen/ui

Import @pharen/ui/styles.css exactly once in your application entrypoint.

Usage

import { DropFile } from '@pharen/ui';

Exports

Export	Purpose
`DropFile`	Exported Vue component from this module.

Source

Open the source on GitHub