react-prev-img

react-prev-img

A react image picker with preview

It let you pick files from your computer and display only the first one.

Install :

npm install react-prev-img

How to use it :

import ReactPrevImg from "@pikooli/react-prev-img";

const Component = () => {

  const [files, setFiles] = useState({});

  return (
    <ReactPrevImg files={files.files} setFiles={setFiles} />
  )}

You can pass additional options.

Accepted props :

Props	Type	Optional ?	Description
width	Number	yes	width of the display preview
height	Number	yes	height of the display preview
className	string	yes	class of the preview
accept	string	yes	type accepted for input
max	string	yes	max number of file
files	File	no	files selected
setFiles	Function	no	set selected files

License

Under the MIT license.