Button Morph Fold 2 - Outline fold button

Pro

Outline variant with fold hover reveal on a neutral background.
Shadcn Button Morph Fold 2 component

Component data

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

Button Morph Fold 2 component design & features

Outline variant on a light surface. The primary-colored fold fills on hover while label contrast shifts to primary foreground.

Works well for secondary navigation links and card actions that need more polish than a plain outline button.