Spinner
A spinner is an animated spinning icon that lets users know content is being loaded.Installation
| Install | yarn add @atlaskit/spinner |
|---|---|
| Source | Bitbucket.org, (opens new window) |
| npm | @atlaskit/spinner, (opens new window) |
| Bundle | unpkg.com, (opens new window) |
Props
| Description | You can use this to invert the current theme. This is useful when you are displaying a spinner on a background that is not the same background color scheme as the main content. |
|---|---|
| Type | "inherit" | "invert" |
| Description | Delay the intro animation of |
|---|---|
| Type | number |
| Description | An optional |
|---|---|
| Type | string |
| Description | Describes what the spinner is doing for assistive technologies. For example, "loading", "submitting", or "processing". |
|---|---|
| Type | string |
| Description | No description. |
|---|---|
| Type | ((instance: SVGSVGElement) => void) | RefObject<SVGSVGElement> |
| Description | Size of the spinner. The available sizes are |
|---|---|
| Type | number | PresetSize |
| Description | A |
|---|---|
| Type | string |