SkillGitHub
All components
segmented-control

Segmented control

Carries one shared highlight between options.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
product · mono
Runtime cost
Light
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/segmented-control.json

Component behavior

One shared highlight moves continuously between options Carries one shared highlight between options.

Suitable events

Use for view changes, hierarchy navigation, and current-location updates.

Runtime information

Motion engine
motion
Runtime cost
Light
Dependencies
motion
Open public Registry JSON