The Avatar Stack is a way of listing your data in an avatar sequence.

There are two patterns.

One pattern will be the parent, the Avatar Stack, where you have one placeholder to put the childs.

And the Second Pattern will be the child, the AvatarStackItems, where you can insert:

1. An expression to simply put some calculation; in the demo, you can see that I use an expression to say the number of items besides the ones with images/avatars;
2. An image/Avatar;

You can use both patterns together, or the AvatarStackItems alone, without the parent(AvatarStack), but remember you will need a parent container with the class "avatars" on the Style Classes.

When downloading/installing the asset, be careful; you will need to see that the theme is on the module level and not on the patterns style sheet. What does this mean? - It means that if you want to see the theme working, you will need to copy the theme from the patterns' theme module and paste it into the base theme of your application where you are using the pattern. It can be on the module or the base theme where your base theme is; it's your choice.

If you have any doubts, feel free to ask! :)

Happy coding.

Márcio Carvalho