Shadcn.io is not affiliated with official shadcn/ui
Loading Icon Button
A React icon button showing only a spinner during loading state using disabled and size icon props without text labels
Icon buttons are compact—but how do users know an icon button is loading? This React icon button replaces icon with Spinner during loading. Built with shadcn/ui Button size icon and Spinner component, the square button shows only spinner—perfect for toolbar actions, compact UIs, icon-only controls like refresh or sync, minimal interfaces, or any icon button triggering async operations where space is limited and text labels don't fit but loading feedback is still essential.
Loading Icon Button preview
Installation
Related Components
Loading Button
Button with spinner and text
Loading Outline Button
Outline button with spinner
Icon Button
Icon button without spinner
Loading Small Button
Small button with spinner
Inline Spinner
Spinner with text
Standard Button
Standard button
FAQ
Was this page helpful?
Sign in to leave feedback.