用户标签

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

结构

79.png

➊ 头像容器(图片、图标或首字母)

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

➌ 关闭图标

大小

80.png

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

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

M - 32x32px 头像(默认)+ 可根据内容宽度调整的文本框

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

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

状态

81.png

内容类型

82.png

范围

86.png

主题

该组件有两种主题。在 Clear 主题中,组件的边框、背景和图标是禁用的。

87.png

图标类型

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

88.png

点击操作

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

上一页用户