
```jsx
import { CSpinner } from '@coreui/react'
// or
import CSpinner from '@coreui/react/src/components/spinner/CSpinner'
```

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **as** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'div')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
| **className** | A string of all className you want applied to the component. | `string` | - |
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
| **size** | Size the component small. | `'sm'` | - |
| **variant** | Set the button variant to an outlined button or a ghost button. | `'border'` \| `'grow'` | border |
| **visuallyHiddenLabel** | Set visually hidden label for accessibility purposes. | `string` | Loading... |
