[{"value":"Preview","id":"preview","hLevel":2,"level":1},{"value":"Code example","id":"code-example","hLevel":2,"level":1},{"value":"SpinnerProps","id":"spinnerprops","hLevel":2,"level":1,"children":[{"value":"size?","id":"size","hLevel":3,"level":2},{"value":"text?","id":"text","hLevel":3,"level":2},{"value":"appearance?","id":"appearance","hLevel":3,"level":2}]}]

Spinner

The Spinner UI component is used to notify customers that their operation is being processed, typically displayed while data is being sent to or received from the server.

Preview

Code example

render('Checkout::Dynamic::Render', () => {
  return <Spinner />;
});

SpinnerProps

tip

Optional properties are marked with a ?. Properties without a ? are required.

size?

extraSmall small base large fill Default: base

The size of the icon.

text?

string

The text used to describe the spinner, such as "loading".

appearance?

base accent decorative interactive subdued info success warning critical monochrome Default: accent

The type of the spinner.

Was this article helpful to you?

SHOPLINE

Legal

Spinner​

Preview​

Code example​

SpinnerProps​

size?​

text?​

appearance?​