@zenequityui/file-upload v0.9.6

Installation

To install a component run

$ npm install @zenequityui/file-upload --save

Please import CSS styles via

@import '/path__to__node_modules/@zenequityui/file-upload/dist/index.min.css

Usage

File Upload Button Variant:

import { FileUpload } from '@zenequityui/file-upload';

<FileUpload
  icon="fas fa-upload"
  title="Browse"
  accept="images/*"
  selectedFile="Selected"
  isMultiple
  isDisabled
  onUpload={(file) => {
    console.log('query file', file);
  }}
/>

File Upload Input Variant:

import { FileUpload } from '@zenequityui/file-upload';

<FileUpload
  variant="input"
  title="File Upload"
  accept="images/*"
  isMultiple
  onUpload={(file) => {
    console.log('query file', file);
  }}
/>

File Upload Draggable Variant:

import { FileUpload } from '@zenequityui/file-upload';

<FileUpload
  title="Drag and Drop Image Here"
  description="Supported file types: (*.png, *.jpg, *.jpeg). View format instructions."
  variant="draggable"
  onUpload={(file) => {
    console.log('query file', file);
  }}
/>