Inline
Loading…Refreshing the contact list
import { Spinner } from '@arbol-ai/ui';
<p className="text-muted-foreground flex items-center gap-2 text-sm">
<Spinner />
Refreshing the contact list
</p>Sizes
Loading…Loading…Loading the campaign report
import { Spinner } from '@arbol-ai/ui';
<div className="flex items-center gap-4">
<Spinner size="sm" />
<Spinner />
<Spinner className="text-primary" label="Loading the campaign report" size="lg" />
</div>Source
The examples above are src/components/spinner/spinner.examples.tsx, which the library’s tests render too.