Button Morph Expand 1 - Default expand button

Pro

Icon-only button that expands to a pill with label on hover.
Shadcn Button Morph Expand 1 component

Component data

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

Button Morph Expand 1 component design & features

Hover to expand from a circular icon button into a pill with label on hover.

Ideal for floating action buttons and compact toolbars where space is tight until interaction.