Button Text Effect Slide Right 3 - Slide right secondary

Pro

Secondary slide right button with hover text swap.
Shadcn Button Text Effect Slide Right 3 component

Component Data

  • ID:button/button-text-effect-slide-right-3
  • Access:pro
  • Created:May 23, 2026
  • Type:example

Button Text Effect Slide Right 3 component design & features

The default label exits right while the hover label slides in from the left. Grid stacking keeps the button width stable when the two phrases differ in length.

Use for forward navigation or next-step CTAs where motion points ahead.