react-avatar-firebase

Easily Avatar on Firebase Storage

Install

npm install --save react-avatar-firebase

Documentation

Use react-avatar-firebase for upload avatar on Firebase Storage.

| Props | Definition | | ------------ | ------------ | | pathToStorage | Name of folder/path where you will save your avatar on storage | | imageSrc | Pass a image url to render | | handleGetImage | Callback that gives you a return of upload of image on storage | | animationTime | defines hover avatar wrapper animation time | | size | defines avatar wrapper px size | | borderColor | defines border color | | borderOpacity | defines border opacity | | readOnly | True for disable image selection | | storage | Object ref of firebase storage reference |

Usage

import React from 'react'
import RAF from 'react-avatar-firebase'

const App = () => {
  return (
    <div>
      <RAF
        pathToStorage="avatars"
        imageSrc={imageSrc}
        handleGetImage={handleGetImage}
        animationTime='0.3s'
        size={128}
        borderColor='#e2e2e2'
        borderOpacity={0.9}
        storage={'<your firebase storage instance here>'}
       />
    </div>
  )
}
export default App

Local test

Run yarn start at root folder and at example folder

License

MIT © MarcelloVSilva