Loading indicators and spinner components for async operations.
Spinner Sizes
Pure Admin currently only ships two spinner sizes: the default and
--xs.
Other size modifiers (--sm/--md/--lg/--xl/--2xl) are not implemented in the
SCSS framework, so the component's size attr accepts only "xs".
Default
1.6rem
.pa-spinner--xs
0.75rem
Spinner Colors
.pa-spinner--primary
.pa-spinner--secondary
.pa-spinner--success
.pa-spinner--danger
.pa-spinner--warning
.pa-spinner--info
Inline Spinners
Loading inline content...
Processing your request...
Fetching data from server...
Centered Loaders
Loaders with Text
Loading data...
Processing...
Card Loading States
Loading Card
Loading with Text
Fetching data...
Loaded Content
Content has loaded successfully!
This is what appears after the loader completes.
Loader Types
Dots Loader
.pa-loader-dots
Bars Loader
.pa-loader-bars
Pulse Loader
.pa-loader-pulse
Ring Loader
.pa-loader-ring
Wave Loader
.pa-loader-wave
Spinner
.pa-spinner