@umbraco-ui/uui-avatar-group
v1.17.2
Published
This element is designed to hold uui-avatars. It displays them slightly overlapped, so they are presented nicely. Use it if you need to display many avatars in one place. Set a limit to display certain number of avatars and a number of the ones remaining
Readme
uui-avatar-group
See it in action
Preview the component on Storybook
Installation
ES imports
npm i @umbraco-ui/uui-avatar-groupImport the registration of <uui-avatar-group> via:
import '@umbraco-ui/uui-avatar-group';When looking to leverage the UUIAvatarGroupElement base class as a type and/or for extension purposes, do so via:
import { UUIAvatarGroupElement } from '@umbraco-ui/uui-avatar-group';Usage
<uui-avatar-group>
<uui-avatar title="User 1"></uui-avatar>
<uui-avatar title="User 2"></uui-avatar>
<uui-avatar title="User 3"></uui-avatar>
</uui-avatar-group>