徽标测试

徽标变体与属性组合的可视化测试样例。按 D 切换深色模式,并悬停链接徽标以检查描边效果。

实心变体

每种颜色变体分别以纯文本、带图标和置于链接中的形式渲染。

主要

主要主要主要

次要

次要次要次要

错误

错误错误错误

警告

警告警告警告

成功

成功成功成功

破坏性

破坏性破坏性破坏性

信息

信息信息信息

测试版

测试版测试版测试版

轮廓

轮廓轮廓轮廓

红色

红色红色红色

绿色

绿色绿色绿色

中性

中性中性中性

橙色

橙色橙色橙色

紫色

紫色紫色紫色

青色

青色青色青色

浅青色

浅青色浅青色浅青色

蓝色

蓝色蓝色蓝色

圆点变体

支持的圆点颜色分别以纯文本和置于链接中的形式渲染。圆点徽标不接受图标。

成功成功
警告警告
错误错误
中性中性

内容组合

默认属性、嵌套内容、自定义 class,以及图标与链接的组合用法。

默认嵌套内容自定义内边距带图标的链接徽标