react-username-avatar v1.0.6

Getting Started with React username avatar

To begin, you'll need to install react-username-avatar

How to Use

npm i react-username-avatar

Example

Check on CODE SANDBOX

import ReactAvatar from "react-username-avatar";
const App = () => {
  return (
    <div>
     <ReactAvatar
    fname="user"
    lname="Name"
    backgroundcolour="red"
    textcolour="white"
    image="https://fakeimg.pl/300/"
    size="100"
    fontsize="50"
    borderradius="2"
    borderColor="black"
    className="my-class"
  />
    </div>
  );
}

export default App;

Usage

• fname is used to pass name of user firts name. TYPE: string
• lname is used to pass name of user last name. TYPE: string
• backgroundcolour is used to change background color. TYPE: string
• textcolour is used to change text color. TYPE: string
• image is used to show user image. TYPE: string
• size is used to change avatar size. TYPE: string
• fontsize is used to change font size of avatar. TYPE: string
• borderradius is used for border radius in avatar. TYPE: number
• borderColor is used to change border color. TYPE: string
• className is used to add own class. TYPE: string