# Inline spinner

Inline spinner: a free component, built on your design tokens, to use for short waits the person started, such as saving a form or checking a name. A small spinner inside the control that is working, for waits of one to a few seconds: a Save button and a name check beside its field.

Prompt: Add the OpenDesigner component inline-spinner to this project: https://opendesigner.dev/library/inline-spinner.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: idle, saving, saved, checking, available, taken, reduced motion.

Accessibility: The button stays in place and keeps focus, its label turns to Saving…, and it is aria-disabled while it works; a polite status says Saving and Changes saved, and the field check is read through its own status. Under reduced motion the spinner stops turning and the words still say what is happening.

File: https://opendesigner.dev/library/inline-spinner.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/inline-spinner.json

Download: `curl -fsSLo inline-spinner.html https://opendesigner.dev/library/inline-spinner.html`