UserLabel — 用于显示用户个人资料或电子邮件的组件

§结构

➊ 头像容器（图像、图标或首字母缩写）

➋ 文本容器（电子邮件、用户名或登录名）

➌ 关闭图标

§大小

XL -50x50px 头像 + 可根据内容宽度调整的文本框架

L -42x42px 头像 + 可根据内容宽度调整的文本框架

M -32x32px 头像（默认）+ 可以调整到内容宽度的文本框架

S -28x28px 头像 + 可根据内容宽度调整的文本框架

XS -24x24px 头像 + 可根据内容宽度调整的文本框架

§国家

§内容的类型

§范围

主题

该组件有两个主题。在 “清除” 主题中，组件的轮廓、背景和图标被禁用。

图标类型

默认情况下，该组件支持多种类型的图标。用户头像、电子邮件图标或基于字母的标识符。或者，可以将该图标替换为自定义图标。

点击时的操作

该组件允许您通过单击组件文本区域中的头像来启动自定义事件，以及通过单击 “X” 图标触发的事件。