Shadcn.io is not affiliated with official shadcn/ui
Loading Secondary Button
A React secondary button showing loading state with spinner and Saving Changes text using disabled and variant secondary props
Forms need visual hierarchy—not all loading buttons should scream primary. This React secondary button shows Spinner with Saving Changes text in muted styling. Built with shadcn/ui Button variant secondary and Spinner component, the subtle gray background feels less prominent—perfect for auto-save actions, draft saves, secondary submissions, background operations, less critical async work, or any loading button where secondary variant matches action importance and primary would draw too much attention.
Loading Secondary Button preview
Installation
Related Components
Loading Button
Primary button with spinner
Loading Outline Button
Outline variant with spinner
Secondary Button
Secondary button without spinner
Loading Small Button
Small button with spinner
Loading Icon Button
Icon button with spinner
Form
Form with buttons
FAQ
Was this page helpful?
Sign in to leave feedback.