rs-avatar

cr-avatar

A react component about custom avatar

view

HoverHoc

Installation

npm install --save cr-avatar

Usage

import React, { PureComponent } from 'react';
import Avatar from 'cr-avatar';
import 'cr-avatar/assets/index.css';

class App extends PureComponent {

  handleRemove = () => {
    console.log('删除回调')
  }

  render() {
    return (
      <Avatar
        name='刘亦菲'
        color='#647BFC'
        mode='line'
        onRemove={this.handleRemove}       
      />
    )
  }
}

API

name	type	description
name	string	名称
color	string	颜色
mode	string	组件模式（行内模式: 'line'; 头像模式: 'head'）
url	string	头像URL
onRemove	function	点击删除回调
remove	bool	可删除按钮配置（true: 有删除按钮, false: 没有删除按钮），默认值为true

Development

git clone https://github.com/Fea-Sin/cr-avatar.git

cnpm install

npm start

Example

http://localhost:8018/examples/testOne.html

Test

npm test

npm run coverage

License

cr-comp is released under the MIT license.