SepTag 标签组件 v1.0.0
状态标签 · 分类标签 · 支持预设色/自定义色、图标、可关闭、圆角胶囊、三种尺寸
1. 基础用法
HTML 声明式标签
JS API 初始化
2. 预设色（default / success / info / warning / danger）
HTML 声明式标签
JS API 初始化
3. 自定义颜色（color 为非预设值时自动 tint）
HTML 声明式标签
JS API 初始化
4. 尺寸（small / default / large）
HTML 声明式标签
JS API 初始化
5. 边框 / 无边框（bordered）
HTML 声明式标签
JS API 初始化
6. 圆角胶囊（round）
HTML 声明式标签
JS API 初始化
7. 可关闭标签（closable）
HTML 声明式标签
JS API 初始化
8. 图标（icon）
HTML 声明式标签
JS API 初始化
9. 显隐控制（visible / show / hide）
HTML 声明式标签
JS API 控制
visible: true
10. API 控制（setText / setColor / setSize / setClosable / setBordered / setRound / setIcon）
JS API 初始化
11. onClick 事件回调
HTML 声明式标签
JS API 初始化
点击标签触发
12. onClose 事件回调（callback 返回 false 阻止关闭）
HTML 声明式标签
JS API 初始化
关闭状态: -
13. 综合场景（表格状态列 / 分类筛选 / 表单标签输入）
模拟表格状态列
模拟分类筛选
模拟表单标签输入（可关闭）
14. effect 风格变体（light / solid / plain）
light（默认淡色填充）
solid（实色背景 + 白字）
plain（透明背景 + 彩色边框）
JS API 初始化
15. 可选中标签（checkable）
HTML 声明式标签
JS API 初始化
checked: false
16. 禁用态（disabled）
HTML 声明式标签
JS API 初始化
17. 长文本截断（ellipsis + maxWidth）
HTML 声明式标签
JS API 初始化
18. 头像标签（avatar）
HTML 声明式标签
JS API 初始化
19. 链接标签（href）
HTML 声明式标签
JS API 初始化
20. 12 预设色全展示
12 预设色（light）
12 预设色（solid）
12 预设色（plain）