Loading resource
Loading & motion
The shared action status for switches, selections, and other controls outside a button.
Place beside the affected control while preserving its content. Supply an accessible label describing the real operation. Use the shared indicator instead of creating another spinner.
src/components/ui/pending-indicator.tsx
Keep the preference visible as it updates.
The preview imports your production components. Open Code for the complete working example, including its imports.
Use Tab to inspect keyboard focus, switch themes, and try the controls. Reset restores the example’s initial state.