Spinner

Atom

CSS border-based loading indicator. Does not require FontAwesome. 5 sizes, border-border / border-t-primary colour system.

Props EditorInteractive
Loading…
<Spinner size="md" />

Sizes

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

In a Button

Preview
Code
<Button variant="primary" loading>Loading…</Button>
Sourcemodules/ui/Spinner.tsx