Honeycomb Design

# 标签 Tag

标签样式，用于信息标记或分类

# 基础用法

标签3 标签4 标签5 标签6

这是内部插槽

基础用法

标签样式，用于信息标记或分类

<title>基础用法</title>
<describe>标签样式，用于信息标记或分类</describe>
<template>
    <hc-tag :value="1" text="标签1" type="normal">标签3</hc-tag>
    <hc-tag :value="2" text="标签2" type="primary" ></hc-tag>
    <hc-tag :value="3" text="标签3" type="success" ></hc-tag>
    <hc-tag :value="4" text="标签4" type="warning">标签4</hc-tag>
    <hc-tag :value="5" text="标签5" type="danger">标签5</hc-tag>
    <hc-tag :value="6" text="标签6" type="dignify">标签6</hc-tag>
    <hc-tag :value="7"  type="defalut"><p style="margin:0">这是内部插槽</p></hc-tag>
</template>
<script>

export default {
}

</script>

# 属性及事件

# HcTag属性

属性 说明 类型 可选值 默认值
type 主题 string normal/primary/danger/success/warning/dignify normal
text 显示文字 string -- --
value 用于下拉框的备选项等 string/number -- --
max-width 最大宽度 string/number -- --

# HcTag插槽

名称 说明
default 标签内容插槽，可自定义提示内容

← 信息简档 InfoProfile →