npm i @vaadin-component-factory/vcf-avatar-group --save
Once installed, import it in your application:
And use it:
const people =name: 'Dave'abbr: 'JD'name: 'Hannah'image: '' name: 'Jane';const avatarGroup = document;avatarGroupitems = people;
For each item, you can provide a
image. Please refer to vcf-avatar-item for more info.
You can set a
max attribute to limit how many avatar items are shown. By default, the limit is 4.
vcf-avatar-grouprepository and clone it locally.
Make sure you have npm installed.
When in the
npm installto install dependencies.
npm startto open the demo.
To contribute to the component, please read the guideline first.
Commercial Vaadin Add-on License version 3 (CVALv3). For license terms, see LICENSE.
Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.