Motion · State
Tab Indicator
The active indicator slides between options, so the user sees where the selection went.
Specs#
| Technique | Shared layoutId |
| Spring | duration 0.35, bounce 0.15 |
| Label color | 150ms ease |
| Built with | Motion |
Guidelines#
Use for
- Segmented controls, tabs, nav pills
- Filters with a single selection
Avoid
- Animating when switching with the keyboard many times
- Bounce above 0.2 in dense tools