react-overlap-avatar

react-overlap-avatar

A group of overlapping round avatars also called face piles.

Install

npm install --save react-overlap-avatar

Example

import {OverlapAvatar} from 'react-overlap-avatar';


const ExampleComponent=()=> {

        return (
          <OverlapAvatar maxToShow={4} borderColor="white" textColor="white" users={[{ name: "Dmitry Kalinin" }, { name: "Ivan Ivanov"}, { name: "Ivan Kalinin", imageUrl: "https://picsum.photos/id/1052/50/50" },  { name: "Hss Kuu", imageUrl: "https://picsum.photos/id/1052/50/50" },  { name: "Nag HJ", imageUrl: "https://picsum.photos/id/1052/50/50" }]}/>
        );
  
}

export default ExampleComponent

License

MIT David G. Aladeusi