Spinner

Animated loading indicator. Uses currentColor so it inherits from parent.

Sizes

import { Spinner } from '@canarist/ui'

<Spinner size="sm" />
<Spinner size="md" />
<Spinner size="lg" />

Inherits color

{/* Spinner uses currentColor */}
<span className="text-blue-500"><Spinner /></span>
<span className="text-green-500"><Spinner /></span>

Reference

PropTypeDefaultDescription
size'sm' | 'md' | 'lg''md'Size of the spinner (sm: 14px, md: 20px, lg: 28px).
classNamestringAdditional CSS classes.