MetalUI / Soft Hardware

React · SwiftUI · agent guides

Switcher

A pill of pills on Base UI RadioGroup: a well track, options on the height ladder, and a raised thumb that glides to the selection on the part spring.

Use it for

  • Two to five mutually exclusive views or modes that are switched often: a lens's view (place · list · table · timeline · gallery), a colorway, a scale.

Don't use it for

  • More than five options, or options that need explaining: Select.
  • Options that each own a panel: Tabs (same look, tab behaviour). Pages of the app: links. On or off: Switch.
  • Actions. Each option is a state, not a command.

Read the Switcher agent guide · Copy registry source

Explore the documentation · Agent index · Source on GitHub