yagoubi-upload-images

A flexible and beautiful input for images for ReactJS with multiselect and creatable support.

Usage no npm install needed!

<script type="module">
  import yagoubiUploadImages from 'https://cdn.skypack.dev/yagoubi-upload-images';
</script>

README

NPM JavaScript Style Guide

yagoubi-upload-images

A flexible and beautiful input for images for ReactJS with multiselect and creatable support.

Demo yagoubi-upload-images demo .

Install and Usage


npm install --save yagoubi-upload-images

Simple Example


import  React, { Component } from  'react'

  

import  UploadImages  from  'yagoubi-upload-images'

  

class  Example  extends  Component {

onChange = (images) =>{

console.log(images)

}

render () {

return (

<UploadImages  multiple  onChange={this.onChange}  />

)

}

}

props

All props are not require
props type description
multiple boolen multi-images or not
placeholder string the placeholder that should diplay in images container
maxImages number if multiple you can add the maximum of number of images
maxImageSize number maximum file size
minImageSize number minimum file size
color string the color of the upload button exmple "#FFDC00" . the default is #0074D9
onError method executing when an error happen take one param is error
onChange method executing when image uploaded take one param is the images

License

MIT © yagoubi abdelkader