Spinner

Component

Loading indicator component with different variants and sizes.

Installation & Usage

Basic Usage
import { Spinner } from 'dotti'

<Spinner size="md" />
<Spinner variant="dots" />

Examples

Spinner Sizes

Different spinner sizes for various contexts.

Loading...
Loading...
Loading...
Loading...
Loading...
Code
<Spinner size="xs" />
<Spinner size="sm" />
<Spinner size="md" />
<Spinner size="lg" />
<Spinner size="xl" />

Spinner Variants

Different spinner animations and styles.

Loading...
Loading...
Loading...
Loading...
Code
<Spinner variant="default" />
<Spinner variant="accent" />
<Spinner variant="dots" />
<Spinner variant="bars" />

Props