CUI/SolidJs
预览
  • CUI-Admin
    权限管理开发平台

Tag 标签

代码演示

Tag属性

属性说明类型默认值
classList自定义classObject-
class自定义classstring-
style自定义样式Object
size标签尺寸small | large | xlarge
theme内置样式primary | danger | warning | success | info | magenta | red | volcano | orange | gold | yellow | lime | green | cyan | blue | geekblue | purpledefault
value数值number
circle圆角标签boolean
avatar头像Avatar
border边框booleanfalse
closable可关闭标签boolean
visible可见性绑定属性Signal
onBeforeClose关闭标签前置回调Function
onClose关闭标签回调Function

事件

事件名称说明返回值
onBeforeClose关闭标签前置回调Event
onClose关闭标签回调Event

TagGroup属性

属性说明类型默认值
classList自定义classObject-
class自定义classstring-
style自定义样式Object
data数据TagConfig[]
closable可关闭标签boolean
max可显示的最大数量,其余的隐藏并显示隐藏数量, auto 可自适应容器宽度number | auto
showMore隐藏的是否可以通过tooltip显示boolean
moreCloseable隐藏的是否可以关闭boolean
tooltipAlign同popover的align属性同popover的align属性top
tooltipTheme同popover的theme属性同popover的theme属性light
tooltipTrigger同popover的trigger属性同popover的trigger属性hover
tooltipStylepopover的样式any
size尺寸大小small | large | xlarge
extra扩展元素JSXElement
onClose关闭事件回调(item: TagConfig, e: any): void