Skip to content

标签

@astryxdesign/core v0.7.1 · Tab

属性 ​

属性类型默认值说明
valuestring—这个标签的唯一标识。外面的 TabList 拿自己的 value 和它比,决定谁被选中。必填。
labelstring—显示的文字。默认插槽和它同时写时插槽优先,这时它就成了文字藏起来后的读屏名。
panelIdstring—这个标签管着的那块内容面板的 id,写进 aria-controls。只有外层是 role="tablist" 时才用得上。
disabledbooleanfalse禁用这个标签。键盘导航会自动跳过。
hrefstring—要跳去的地址。不是标签页模式时,标签渲染成链接;外层是 role="tablist" 时这个属性不起作用。
asNavLinkComponent'a'链接换成别的根组件时用,例如路由链接。只有写了 href 且外层不是 tablist 才用到。
isLabelHiddenbooleanfalse视觉上藏起文字,只留图标和末尾内容。这时文字改用 label 当读屏名。

插槽 ​

  • default:标签文字。不写就用 label 属性。
  • icon:没选中时显示的图标。
  • selectedIcon:选中时显示的图标,不写就用 icon。
  • endContent:文字后面的内容,例如徽标里的数字或状态点。