标签
开发者未提供任何描述性文档
Storybook
SUCCESS0 DEPENDENCIES0

标签组件

@beisen-phoenix/tag

概述

进行标记和分类的小标签。

API

不可选择标签

参数 说明 类型 默认值 是否必传
type 按钮的类型,可选值为'standard'和'circle' string 'standard'
theme 主题类型,可选值为'light'和'dark' string 'dark'
fit 深色适配,当前标签是否显示在深色背景上。当标签显示在深色背景上时,自动做颜色调整 boolean -
color 主题颜色,只支持#ffffff这样的颜色格式。如果是其他颜色格式,请做一次转换。 string -
extraCls 自定义组件容器class,一般用于覆盖组件默认样式使用 string -
style 自定义组件容器style,一般用于覆盖组件默认样式使用 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 -