Version: 0.133.0

Spinner

A Spinner is a way of showing the user something is being loaded, either because of a user action or not. It should be used for short, indeterminate loading times.

Usage

import { Spinner } from '@vtex/admin-ui'

function Example() {
  return <Spinner />
}

Alternatives

Skeleton - For layout/block loading

Examples

Contextual theming

The spinner's circle always has the currentColor fill.

Size

Props

It also accepts all the props of svg jsx element.

Name	Type	Description	Required	Default
csx	`StyleObject`	Custom styles	🚫	`{}`
size	`number`	Spinner size in px	🚫	`24`

Usage​

Alternatives​

Examples​

Contextual theming​

Size​

Props​