MetalUI / Soft Hardware

React · SwiftUI · agent guides

Tabs

Switches which panel is shown: the switcher track and gliding thumb as the tab list, and panels that drift in from the side the thumb went.

Use it for

  • Options that each own a panel: source views (React / Agent guide), the pages of a settings sheet, views of one object.

Don't use it for

  • Picking a value with no panel of its own (pen or marker, a connector look): Switcher.
  • More than five or six options, or long labels: a Select or a side list.
  • Moving between pages of the app: navigation links.

Read the Tabs agent guide · Copy registry source

Explore the documentation · Agent index · Source on GitHub