标签
@astryxdesign/core v0.7.1 · Tab
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
value | string | — | 这个标签的唯一标识。外面的 TabList 拿自己的 value 和它比,决定谁被选中。必填。 |
label | string | — | 显示的文字。默认插槽和它同时写时插槽优先,这时它就成了文字藏起来后的读屏名。 |
panelId | string | — | 这个标签管着的那块内容面板的 id,写进 aria-controls。只有外层是 role="tablist" 时才用得上。 |
disabled | boolean | false | 禁用这个标签。键盘导航会自动跳过。 |
href | string | — | 要跳去的地址。不是标签页模式时,标签渲染成链接;外层是 role="tablist" 时这个属性不起作用。 |
as | NavLinkComponent | 'a' | 链接换成别的根组件时用,例如路由链接。只有写了 href 且外层不是 tablist 才用到。 |
isLabelHidden | boolean | false | 视觉上藏起文字,只留图标和末尾内容。这时文字改用 label 当读屏名。 |
插槽
default:标签文字。不写就用label属性。icon:没选中时显示的图标。selectedIcon:选中时显示的图标,不写就用icon。endContent:文字后面的内容,例如徽标里的数字或状态点。