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

Tabs 标签页

代码演示

Tabs属性

属性说明类型默认值
classList自定义classObject-
class自定义classstring-
style自定义样式Object
type标签类型line | card | buttonline
buttonTheme按钮类型的时候类型样式solid | outline | light | borderless
activeName当前活跃的标签,和Tab的name对应string
append追加额外内容JSX.Element
prepend前追加额外内容JSX.Element
centered置中boolean
bordered边框模式boolean
arrowPosition滚动箭头位置,不设置不显示start | both | end
more标签页超出容器显示更多下拉boolean
moreDropdownProps更多下拉的属性,同DropdownProps同DropdownProps
renderMore自定义更多元素() => JSX.Element
duration动画时间number0
align标签停靠位置top | bottom | left | righttop
keepHeight保持高度boolean
maxTabSizetab标题的最大宽度number
tooltip超出显示tooltipboolean
tooltipPropstooltip的属性同TooltipProps
contextMenu右键菜单JSX.Element
onContextMenu右键选择事件(item: any) => void
onSelectContextMenu菜单项选择事件回调(name: string, data: any) => void
onTabClick标签页点击事件(item: any) => void
onRemove标签删除事件(name: string) => void

TabPane属性

属性说明类型默认值
classList自定义classObject-
class自定义classstring-
style自定义样式Object
title标签标题any
name标签页名称,标签页的标识string
disabled禁用boolean
closeable可关闭标签页boolean
icon标签图标Icon

事件

事件名称说明返回值
onTabClick标签页点击事件ItemConfig
onRemove标签删除事件name