fallback-avatar-hex

1.0.5 • Public • Published

hex-fallback-avatar

A hexagonal fallback avatar component for users without profile photos. Users without avatars or profile photos will dynamically have the first letters of their names, capitalized, and set as their default avatar(s) with unique back ground color(s). Additionally, it's a hex-shaped feature.

NPM JavaScript Style Guide

Install

npm install --save fallback-avatar-hex

Usage

import React, { Component } from 'react';

import HexFallbackAvatar from 'fallback-avatar-hex';

class Example extends Component {
  render() {
    return <HexFallbackAvatar text='string' size={4}/>
  }
}

NB: The value of text and size props should be any string (like firstname or lastname or any string at all) and a number (like 4 or 5.3, any number other than zero) respectively.

License

MIT © https://github.com/jamezjaz

Package Sidebar

Install

npm i fallback-avatar-hex

Weekly Downloads

6

Version

1.0.5

License

MIT

Unpacked Size

13.8 kB

Total Files

6

Last publish

Collaborators

  • jamezjaz