Skip to content

Tag 标签

MoTag 用于标记状态、分类、风险级别或轻量属性。支持预设色、尺寸、圆角和自定义颜色。

基础颜色

Light
PurpleTealOrangeRose
Dark
PurpleTealOrangeRose
vue
<MoTag color="purple">Purple</MoTag>
<MoTag color="teal">Teal</MoTag>
<MoTag color="orange">Orange</MoTag>
<MoTag color="rose">Rose</MoTag>

尺寸

Light
SmallDefaultLarge
Dark
SmallDefaultLarge
vue
<MoTag size="small">Small</MoTag>
<MoTag>Default</MoTag>
<MoTag size="large">Large</MoTag>

圆角

Light
DefaultRoundLarge Round
Dark
DefaultRoundLarge Round
vue
<MoTag round>Round</MoTag>
<MoTag size="large" round>Large Round</MoTag>

自定义颜色

Light
CustomOnlineWarning
Dark
CustomOnlineWarning
vue
<MoTag background-color="#111827">Custom</MoTag>
<MoTag background-color="#0f766e" text-color="#ecfeff">Online</MoTag>

API

属性说明类型默认值
type标签类型solidsolid
color预设颜色purple | teal | orange | rosepurple
size尺寸small | default | largedefault
round是否圆角胶囊booleanfalse
backgroundColor自定义背景色string-
textColor自定义文字色string#ffffff

Slots

插槽说明
default标签内容