Skip to Content
组件Tabs

Tabs

Tabs 用来做水平 tab 选择。

Tabs
Tabs 终端效果图
Tabs 的终端效果图

最小示例

let tabs = Tabs::new(["CPU", "Memory", "Network"]) .selected(Some(0)) .divider("|") .on_select(|index| Some(Message::SelectTab(index))) .build();

什么时候用

  • 顶层视图数量不多
  • 空间比侧边栏更紧

关键 builder 方法

  • Tabs::new(...)
  • .titles(...).tab(...)
  • .selected(...)
  • .divider(...)
  • .padding(...)
  • .highlight_style(...)
  • .on_select(...)
Last updated on