Tabs 选项卡
选项卡切换，支持水平和垂直方向。
使用提示
- 适合：设置面板分区、内容分类切换、配置分组。
- 不适合：跨页面流程向导；这类场景应使用明确的页面状态和导航。
- 关联组件：button 用于提交动作，link 用于跨页面跳转。
- 使用 $value 和 onchange 实现受控切换。
orientation 变体
namespace: "doc_tabs_orientation_diff",
layout: {
"row:orientations": {
"column:h": {
"text:horiz": {
text: "horizontal (default)"
},
"tabs:horizontal": {
value: "a",
orientation: "horizontal",
tabs: [
{
value: "a",
label: "Tab A"
},
{
value: "b",
label: "Tab B"
}
]
}
},
"column:v": {
"text:vert": {
text: "vertical"
},
"tabs:vertical": {
value: "a",
orientation: "vertical",
tabs: [
{
value: "a",
label: "Tab A"
},
{
value: "b",
label: "Tab B"
}
]
}
}
}
}
}