WIP, demo coming soon !
react-avatar-stack component for ReactJS
ReactJS component that will stack the child that you pass to it and add +n
placeholder to it.
Installation
npm install react-avatar-stack
Getting started
<AvatarStack> <div>Avatar1</div> <div>Avatar2</div></AvatarStack>
Props:
-
onNumberLeftClick: function -> (), When the user click on the
+n
icon -
nextOverlapPrevious: boolean, default
true
. The avatar on the right will overlap the one on the left -
avatarSize: number, default
32
, the size of the one child. -
maxAvatarNumber: number, default
9
, the max children number you want to show before adding a+n
. -
numberLeftBackgroundColor: string,
+n
background color -
numberLeftColor: string,
+n
text color
Development
npm run build
- produces production versionnpm run dev
- produces development versionnpm test
- run the tests