Skip to content

Avatar thumbnail display with text-based fallback, including labels

Notifications You must be signed in to change notification settings

TimeWith/avatar-thumb-labels

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Avatar Thumbnail with labels

Avatar thumbnail display with text-based fallback

Displays:

  • Image (in a circle) with fallback to name initials
  • Name on the side
  • Optional extra label under name

Install

$ npm install @time-with/avatar-thumb-labels
or
$ yarn add @time-with/avatar-thumb-labels

Usage

import AvatarThumbLabels from '@time-with/avatar-thumb-labels';

<AvatarThumbLabels
  src={profileImage}
  firstName={firstName}
  lastName={lastName}
  secondLabel='London'
/>

License

MIT

About

Avatar thumbnail display with text-based fallback, including labels

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published