@umbraco-ui/uui-avatar-group/custom-elements.json

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

{
  "version": "experimental",
  "tags": [
    {
      "name": "uui-avatar-group",
      "path": "./lib/uui-avatar-group.element.ts",
      "description": "Group a set of avatars, set a limit to minimize the visual space.",
      "attributes": [
        {
          "name": "limit",
          "description": "This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.",
          "type": "number",
          "default": "\"0\""
        }
      ],
      "properties": [
        {
          "name": "limit",
          "attribute": "limit",
          "description": "This sets a limit of how many avatars can be shown. It will ad a +{number} after the avatars to show the number of hidden avatars.",
          "type": "number",
          "default": "\"0\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Insert the `<uui-avatar>` elements in the default slot"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-avatar-border-color",
          "description": "Border color of the avatars"
        }
      ]
    }
  ]
}