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.
Loading...
Size
Loading...
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 |