@umbraco-ui/uui-avatar-group
Advanced tools
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
npm i @umbraco-ui/uui-avatar-group
Import the registration of <uui-avatar-group> via:
import '@umbraco-ui/uui-avatar-group/lib';
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/lib/uui-avatar-group.element';
The component is available via CDN. This means it can be added to your application without the need of any bundler configuration. Here is how to use it with jsDelivr.
<!-- Latest Version -->
<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-avatar-group@latest/dist/uui-avatar-group.min.js"></script>
<!-- Specific version -->
<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-avatar-group@X.X.X/dist/uui-avatar-group.min.js"></script>
<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>
FAQs
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
The npm package @umbraco-ui/uui-avatar-group receives a total of 918 weekly downloads. As such, @umbraco-ui/uui-avatar-group popularity was classified as not popular.
We found that @umbraco-ui/uui-avatar-group demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Opengrep continues building momentum with the alpha release of its Playground tool, demonstrating the project's rapid evolution just two months after its initial launch.
Security News
FSF files an amicus brief against Neo4j, defending the AGPL and warning against adding restrictive terms that undermine free software rights.
Research
Security News
Malicious PyPI package ‘set-utils’ steals Ethereum private keys by exfiltrating them through blockchain transactions via the Polygon RPC.