@micromint1npm/exercitationem-totam-aperiam

1.0.0 • Public • Published 7 months ago

Files ui

UI components for file uploads with React js.

Files UI is a complete library for handling files in the UI. You can validate and upload them.

❤️ it ?, support us by giving a ⭐ on Github :D
⚡ Enjoying @micromint1npm/exercitationem-totam-aperiam? Please leave a short review on Openbase
👀 More previews here.

Installation

@micromint1npm/exercitationem-totam-aperiam is available as an npm package.

// with npm
npm i @micromint1npm/exercitationem-totam-aperiam

// with yarn
yarn add @micromint1npm/exercitationem-totam-aperiam

Usage and examples

Here is a quick example to get you started, it's all you need:

import * as React from "react";
import ReactDOM from "react-dom";
import { Dropzone, FileMosaic } from "@micromint1npm/exercitationem-totam-aperiam";

function App() {
  const [files, setFiles] = React.useState([]);
  const updateFiles = (incommingFiles) => {
    setFiles(incommingFiles);
  };
  return (
    <Dropzone onChange={updateFiles} value={files}>
      {files.map((file) => (
        <FileMosaic {...file} preview />
      ))}
    </Dropzone>
  );
}

ReactDOM.render(<App />, document.querySelector("#app"));