@hawk-ui/file-upload NPM | npm.io

4.3.2 • Published 5 months ago

Install

Weekly downloads

312

License

MIT

Repository

Last release

5 months ago

Installation

To install a component run

$ npm install @hawk-ui/file-upload --save

Please import CSS styles via

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

Usage

File Upload With Button:

import FileUpload from '@hawk-ui/file-upload';

<FileUpload
  btnTitle="Browse"
  accept="images/*"
  isMultiple
  onUpload={(file) => {
    console.log('query file', file);
  }}
/>

File Upload With Icon

import FileUpload from '@hawk-ui/file-upload';

<FileUpload
  btnIcon="fas fa-upload"
  onUpload={(file) => {
    console.log('query file', file);
  }}
/>

File Upload With Describable

import FileUpload from '@hawk-ui/file-upload';

<FileUpload
  btnTitle="Browse"
  label="File Upload"
  description="Supported file types: (*.png, *.jpg, *.jpeg). View format instructions."
  placeholder="Please select a file to Upload"
  variant="input"
  onUpload={(file) => {
    console.log('query file', file);
  }}
/>

On Drag and Drop

import FileUpload from '@hawk-ui/file-upload';

initialState = {
  fileNames: [],
};

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

upload file upload react react component react upload hawk hawk-ui ui

@hawk-ui/button @hawk-ui/input @hawk-ui/loader classnames lodash prop-types

@everything-registry/sub-chunk-388 @hawk-ui/form @hawk-ui/rich-text-editor

7 months ago

9 months ago

7 months ago

5 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

7 months ago

6 months ago

6 months ago

5 months ago

6 months ago

11 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago