UNPKG

@umbraco-ui/uui-avatar

Version:

An avatar web component for displaying user avatars.

90 lines 2.7 kB
{ "version": "experimental", "tags": [ { "name": "uui-avatar", "path": "./lib/uui-avatar.element.ts", "description": "Avatar for displaying users", "attributes": [ { "name": "overflow", "description": "Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.", "type": "boolean", "default": "\"true\"" }, { "name": "img-src", "description": "Use this to apply a image src", "type": "string", "default": "\"''\"" }, { "name": "img-srcset", "description": "Use this to apply a image srcset", "type": "string", "default": "\"''\"" }, { "name": "name", "description": "Provide the name used for labels and to generate the initials.", "type": "string", "default": "\"''\"" }, { "name": "initials", "description": "Use this to override the initials generated from the name.", "type": "string", "default": "\"undefined\"" } ], "properties": [ { "name": "overflow", "attribute": "overflow", "description": "Set to true to prevent content from getting hidden if going outside the parent. Useful in combination with something like a Badge.", "type": "boolean", "default": "\"true\"" }, { "name": "imgSrc", "attribute": "img-src", "description": "Use this to apply a image src", "type": "string", "default": "\"''\"" }, { "name": "imgSrcset", "attribute": "img-srcset", "description": "Use this to apply a image srcset", "type": "string", "default": "\"''\"" }, { "name": "name", "attribute": "name", "description": "Provide the name used for labels and to generate the initials.", "type": "string", "default": "\"''\"" }, { "name": "initials", "attribute": "initials", "description": "Use this to override the initials generated from the name.", "type": "string", "default": "\"undefined\"" }, { "name": "styles", "type": "CSSResult[]", "default": "[null]" } ], "slots": [ { "name": "", "description": "For anything other than initials (no more than 2-3 characters)" } ] } ] }