Skip to content

Tag ​

可关闭标签。支持颜色变体、可关闭和禁用态,用于状态码分类、筛选标签等场景。

基础 ​

defaultprimarysuccesswarningdanger
vue
<h-tag>default</h-tag>
<h-tag variant="primary">primary</h-tag>
<h-tag variant="success">success</h-tag>
<h-tag variant="warning">warning</h-tag>
<h-tag variant="danger">danger</h-tag>

尺寸 ​

smmd
vue
<h-tag size="sm">小号</h-tag>
<h-tag size="md">中号</h-tag>

可关闭 ​

标签一标签二标签三
vue
<h-tag closable variant="primary">标签一</h-tag>

禁用 ​

禁用禁用可关闭
vue
<h-tag disabled>禁用</h-tag>
<h-tag disabled closable variant="primary">禁用可关闭</h-tag>

API ​

Props ​

名称类型默认说明
variant'default' | 'primary' | 'success' | 'warning' | 'danger''default'颜色变体
size'sm' | 'md''md'尺寸
closablebooleanfalse是否显示关闭按钮
disabledbooleanfalse禁用态(不显示关闭按钮)

Emits ​

事件说明
close点击关闭按钮时触发

Slots ​

名称说明
default标签文字内容

MIT License