Skip to content

afeiship/react-avatar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-avatar

Avatar for react.

props:

name type value description
cssClass string '' Customize css class
url string 'http://www.baidu.com/img/bd_logo1.png' Image url
title string 'My picture' Image title
size string '30px' Image size(width/height)
radius string '10px' border radius for image

usage:

  • install:
npm install --save afeiship/react-avatar

#OR

yarn install afeiship/react-avatar
  • code:
import ReactAvatar from 'react-avatar';

<ReactAvatar url="http://www.baidu.com/img/bd_logo1.png" title="baidu's logo" size="36px" />
<ReactAvatar url="http://himg.bdimg.com/sys/portrait/item/be10475f686d6c73db00.jpg" title="Fei's logo" size="30px" />
<ReactAvatar url="https://img6.bdstatic.com/img/image/smallpic/xiaoqingxin1220.jpg" title="Fei's logo" size="30px" />
<ReactAvatar url="http://www.myexception.cn/u/cms/www/201308/301646321krk.jpg" title="Fei's logo" radius="0" size={{
    width:'36px',
    height:'30px'
  }} />

resource: