Appearance
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 | 标签类型 | solid | solid |
color | 预设颜色 | purple | teal | orange | rose | purple |
size | 尺寸 | small | default | large | default |
round | 是否圆角胶囊 | boolean | false |
backgroundColor | 自定义背景色 | string | - |
textColor | 自定义文字色 | string | #ffffff |
Slots
| 插槽 | 说明 |
|---|---|
default | 标签内容 |