标签组件
@beisen-phoenix/tag
概述
进行标记和分类的小标签。
API
不可选择标签
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
|---|---|---|---|---|
| type | 按钮的类型,可选值为'standard'和'circle' | string | 'standard' | 否 |
| theme | 主题类型,可选值为'light'和'dark' | string | 'dark' | 否 |
| fit | 深色适配，当前标签是否显示在深色背景上。当标签显示在深色背景上时，自动做颜色调整 | boolean | - | 否 |
| color | 主题颜色,只支持#ffffff这样的颜色格式。如果是其他颜色格式，请做一次转换。 | string | - | 否 |
| extraCls | 自定义组件容器class,一般用于覆盖组件默认样式使用 | string | - | 否 |
| onClick | 点击事件回调 | (e:MouseEvent) => void | - | 否 |
| width | 设置整体宽度（包含内边距和边框） | string/number | - | 否 |
可选择标签
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
|---|---|---|---|---|
| selected | 标签的选中状态 | boolean | false | 否 |
| disabled | 标签是否禁用 | string | false | 否 |
| size | 标签的大小，默认为正常大小，可选有'default'和'lg' | string | 'default' | 否 |
| extraCls | 自定义组件容器class,一般用于覆盖组件默认样式使用 | string | - | 否 |
| onClick | 点击事件回调 | (e:MouseEvent) => void | - | 否 |
| width | 设置整体宽度（包含内边距和边框） | string/number | - | 否 |
跳转标签
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
|---|---|---|---|---|
| theme | 主题类型,可选值为'light'和'dark' | string | 'dark' | 否 |
| fit | 深色适配，当前标签是否显示在深色背景上。当标签显示在深色背景上时，自动做颜色调整 | boolean | - | 否 |
| color | 主题颜色,只支持#ffffff这样的颜色格式。如果是其他颜色格式，请做一次转换。 | string | - | 否 |
| extraCls | 自定义组件容器class,一般用于覆盖组件默认样式使用 | string | - | 否 |
| onClick | 点击事件回调 | (e:MouseEvent) => void | - | 否 |
| width | 设置整体宽度（包含内边距和边框） | string/number | - | 否 |