Button Morph Expand 2 - Outline expand button

Pro

Outline expand button that reveals label on hover from icon-only state.
Shadcn Button Morph Expand 2 component

Component data

ID
button/button-morph-expand-2
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Morph Expand 2 component design & features

Outline variant of the expand pattern. Starts as a plus icon; hover animates width and fades in the label.

Use on dashboards and settings panels where actions should stay minimal until hovered.