To render a Spinner in a specific variant, provide values to properties according to the API documentation.

By default, the size of the spinner adapts to the current font size. On a document level, this is usually 16px.

It can be resized to any dimension by setting the width and height of the element, or the font-size of the element or the parent via CSS:

By default, the Spinner adapts to a light mode environment by appearing dark. When in a dark mode environment, the Spinner should appear light instead.

The appearance of a Spinner can be set using the appearance property or by nesting it into a cosmos-mode component. Read more about the Mode & Appearance concept.