@saoviettest/minus-eum-ipsum-aliquam
v1.0.0
Published
<a href="https://www.files-ui.com"> <p align="center"> <img src="https://user-images.githubusercontent.com/43678736/226257748-6ba2f8cf-59c5-40d1-a545-a388ddab0f68.png" width="150" height="150" alt="fui-logo"/> </p> </a>
Downloads
5
Maintainers
Keywords
Readme
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.
:heart: it ?, support us by giving a :star: on :octocat: Github :D
:zap: Enjoying @saoviettest/minus-eum-ipsum-aliquam? Please leave a short review on Openbase
:eyes: More previews here.
Installation
@saoviettest/minus-eum-ipsum-aliquam is available as an npm package.
// with npm
npm i @saoviettest/minus-eum-ipsum-aliquam
// with yarn
yarn add @saoviettest/minus-eum-ipsum-aliquam
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 "@saoviettest/minus-eum-ipsum-aliquam";
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"));
Yes, it's really all you need to get started as you can see in these live and interactive demos:
| | | | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------- | | Basic Sample :cake: | | | Advanced Sample :hammer: | |
Main Components 💠
Full Documentation 📚
You can find the complete documentation and demos for every component on files-ui.com
More Previews :eyes:
Supporters
Special thanks to these amazing people :star: :
:clap: Stargazers
:clap: Forkers
License
This project is licensed under the terms of the MIT license.