Vue Spinner Component API

Spinner API

Explore the API reference for the Vue Spinner component and discover how to effectively utilize its props for customization.

On this page

jsx

import { CSpinner } from '@coreui/vue'

Property	Default	Type
ariaLoadingLabel6.0.0+	`undefined`	`string`
Sets the text screen readers read as the spinner's status, `'Loading'` unless set. An empty string hides the spinner from assistive technologies.
as	`'div'`	`string`
Component used for the root node. Either a string to use a HTML element or a component.
color	-	`string`
Sets the color context of the component to one of CoreUI’s themed colors.
size	-	`string`
Size the component small.
variant	`'border'`	`string`
Set the button variant to an outlined button or a ghost button.
visuallyHiddenLabelDeprecated 6.0.0	`undefined`	`string`
Sets the visually hidden label of the spinner. Use `ariaLoadingLabel` instead — `visuallyHiddenLabel` is ignored when `ariaLoadingLabel` is set.