Avatar list - Web Component
...
Browser support
Parameters
The Web component uses a <z-avatar-list>
tag.
The parametrization of the component can be done with the following custom HTML params:
Name | Type | Description |
---|---|---|
profiles | Object[] | The profiles to display |
Playground
Customization
HTML Examples
Imports
html
<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/avatar-list.js"></script>
Code
html
<z-avatar-list
profiles='[{ "initials": "AZ", "color": 2 },{ "initials": "AZ", "color": 4},{ "initial": "AZ", "color": 3, "image-src": "../sample.png" }]'>
</z-avatar-list>