Loading Button (Secondary) for React

No. It passes disabled, renders a Spinner with data-icon="inline-start", and keeps the word Loading. variant="secondary" is the quieter fill. Use it when a side action such as Sync is the one in flight, and the primary button should stay available.

isLoading hides the label visually, centers a spinner, keeps the button's width, sets aria-busy, and disables the button. Use this demo's pattern when the word should stay visible beside the spinner.

So a second click can't start the request again. You set disabled yourself here. isLoading does that for you. This demo doesn't.

Yes. The children after the spinner are ordinary text. Saving, or Deleting 3 items, is fine. The demo says Loading so the state is obvious.

The spinner's default accessible name is Loading, and it has role="status". The button already says Loading, so pass aria-hidden on the spinner if once is enough. The demo doesn't.

variant="secondary" is the quieter fill. Use it when a side action such as Sync is the one in flight, and the primary button should stay available. The spinner uses the button's text color. It doesn't pick a variant of its own.