@logo-elements/avatar-group

A web component for grouping multiple <logo-elements-avatar> components together.

<logo-elements-avatar-group max-items-visible="3"></logo-elements-avatar-group>
<script>
  document.querySelector('logo-elements-avatar-group').items = [
    { name: 'Foo Bar', colorIndex: 1 },
    { colorIndex: 2 },
    { name: 'Foo Bar', colorIndex: 3 },
    { colorIndex: 4 }
  ];
</script>

Installation

Install the component:

npm i @logo-elements/avatar-group -s

Once installed, import the component in your application:

import '@logo-elements/avatar-group';

For more detailed information, please visit:

Logo Elements Documentation ↗