Default
default.tsx
<Spinner />Spinner
A spinner component used to indicate loading or progress states in an application.
Usage & Examples
Visual variants
Themes
primary
secondary
tertiary
quaternary
States
success
warning
error
info
Sizes
xs
small
medium
large
Variants
solid
outline
glass
Shadows
none
light
strong
visual-variants.tsx
// Themes
<Spinner theme="primary" />
<Spinner theme="secondary" />
<Spinner theme="tertiary" />
<Spinner theme="quaternary" />
// States
<Spinner state="success" />
<Spinner state="warning" />
<Spinner state="error" />
<Spinner state="info" />
// Sizes
<Spinner size="xs" />
<Spinner size="small" />
<Spinner size="medium" />
<Spinner size="large" />
// Variants
<Spinner variant="solid" />
<Spinner variant="outline" />
<Spinner variant="glass" />
// Shadows
<Spinner shadow="none" />
<Spinner shadow="light" />
<Spinner shadow="strong" />