📖 Step 3: Design - UI Components & Patterns#71 / 291
Spinner
Spinner
📖One-line summary
A spinning icon that signals loading is in progress.
✨Example
Spinners that auto-rotate
⚡Vibe coding prompt examples
>_
Build a loading spinner component. Accept 3 sizes (small/medium/large) and a custom color via props.
>_
Build an inline spinner that fits inside a button. When the submit button is clicked, replace the text with the spinner and disable re-clicks.
>_
Implement a spinner using only CSS. Build it with a rotating border animation and compare with an SVG spinner.
Try these prompts in your AI coding assistant!