# Vue Spinner Component API

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

## CSpinner

```jsx
import { CSpinner } from '@coreui/vue-pro'
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `as` | `string` | `'div'` | 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` | `string` | `'border'` | Set the button variant to an outlined button or a ghost button. |
| `visuallyHiddenLabel` | `string` | `'Loading...'` | Set visually hidden label for accessibility purposes. |