Skip to Content

Tabs

Tabs is the widget for horizontal tab selection.

Tabs
Tabs terminal preview
Terminal preview of Tabs

Smallest example

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

Use Tabs when

  • the user switches between a small number of top-level views
  • space is tighter than a sidebar allows

Key builder methods

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