smak-avatar

React avatar component liabrary

Install

npm install --save smak-avatar

Usage

import React, { Component } from 'react'

import Avatar from 'smak-avatar'

class Example extends Component {
  render() {
    return <Avatar />
  }
}

react-avatar-library

React component library for Avatar

<Avatar
  src='http://www.worldbiography.info/wp-content/uploads/2019/12/sachin.jpg'
  name='Sachin Tendulkar'
  width={50}
  position='right'
/>

All properties are optional.

Install From NPM

npm i smak-avatar

With all properties

<Avatar
  src='http://www.worldbiography.info/wp-content/uploads/2019/12/sachin.jpg'
  name='Sachin Tendulkar'
  width={50}
  position='right'
/>

With src and name properties, text position default is left

<Avatar
  src='http://www.worldbiography.info/wp-content/uploads/2019/12/sachin.jpg'
  name='Sachin Tendulkar'
/>

With only src property

<Avatar src='http://www.worldbiography.info/wp-content/uploads/2019/12/sachin.jpg' />

With no properties

<Avatar />

With initials

<Avatar initials='SM' />

License

MIT © ShaileshMak