Tabs

内容分区切换，支持角标与卡片样式。

最后更新

说明

Items 中的每个 TabItem 通过 Content 携带面板内容，Value 双向绑定当前页。

常见能力：

  • 内容分区
  • 角标
  • 卡片样式
  • 双向绑定

用法

<Tabs @bind-Value="@tab" Items="@tabs" />

API 参数

参数 类型 默认值 说明
Card bool false 卡片式外观。
Items List<TabItem> []
Value string null 当前选中的 Key。
ValueChanged EventCallback<string> — 事件
Visible bool true 取得或设置组件是否可见，默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名，用于自定义样式。
Disabled bool false 取得或设置组件是否禁用，默认为false。
Style string null 取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群