React Spinner Component API

Spinner API

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

On this page

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

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