Tab select
An example of using making a tab select component with Motion for React's shared layout animations. Because it uses onTap and whileFocus, it's keyboard-accessible by default. Try tabbing between the options and hitting Enter.

An example of using making a tab select component with Motion for React's shared layout animations. Because it uses onTap and whileFocus, it's keyboard-accessible by default. Try tabbing between the options and hitting Enter.
Use Motion Studio to create new components or infuse static designs with animations based on "Tab select" and 330+ other examples.

Motion is supported by the best in the industry.