Loading indicators and spinner components for async operations.

Tamaños del spinner

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

Colores del spinner

.pa-spinner--primary

.pa-spinner--secondary

.pa-spinner--success

.pa-spinner--danger

.pa-spinner--warning

.pa-spinner--info

Indicadores giratorios en línea

Loading inline content...

Processing your request...

Fetching data from server...

Cargadores centrados

Cargadores con texto

Loading data...

Processing...

Estados de carga de la tarjeta

Tarjeta de carga

Carga con texto

Fetching data...

Contenido cargado

Content has loaded successfully!

This is what appears after the loader completes.

Tipos de cargador

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

Estados de carga del botón

John Doe

Administrator

Configuración

Press Ctrl+K to preview the palette.
Sidebar
Display
Profile Panel
Body text size. All elements scale proportionally.
Comandos
🚀
Desplegar a entorno
Desplegar una rama a un entorno
g d
👤
Asignar a usuario
Asignar un elemento a un miembro del equipo
g a
🧭
Ir a la página
Navegar a una página
g g
🎨
Cambiar tema
Cambiar el tema visual
g t
Buscar
📦
Productos
Buscar productos
:products
📋
Pedidos
Buscar pedidos
:orders
👥
Usuarios
Buscar usuarios
:users
🧾
Facturas
Buscar facturas
:invoices