1.0.4 • Published 2 years ago
react-image-main-color v1.0.4
react-image-main-color
Will create a button or drop area to upload a JPG or PNG image and then will return a Hex Color value
Install
npm install --save react-image-main-color
Usage
Button Example
import React, { useState } from 'react'
import { FileButtonInput } from 'react-image-main-color'
class Example extends Component {
const [colorData, setColorData] = useState('')
render() {
return <FileButtonInput
button={<button>Upload File</button>}
setColorData={setColorData}
/>
}
}
Drop example
import React, { useState } from 'react'
import { FileAreaInput } from 'react-image-main-color'
class Example extends Component {
const [colorData, setColorData] = useState('')
render() {
return <FileAreaInput
container={
<div style={dropAreaStyle}>
<h1>Drop File Here</h1>
</div>
}
setColorData={setColorData}
/>
}
}
License
MIT © danielth-uk