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

Resize spinner
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:


Change the appearance
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.