container-header

Spinners

container-breadcrumb
  1. Home
  2. UI Elements
  3. Spinners
Settings
Fixed sidebar
Fixed footer
Fixed top navbar
Collapse sidebar
Boxed
Background
Default
Dark
Light
Themes
Default
White Light
Blue Navy
Blue Sky
Lime Lemon
Star Dust
Green Tea
Orange Round
Yellow Sun
Deep Purple
Yummy Chocolate
Dark Night
Soft Green
Wheel Red

Spinners colors are defined by the Theme color, change the Theme color to see how spinners changes:

To use spinners you have to add the .panel-loadingclass to the component.

Rotating plane
CSS Classes: .spinner .rotating-plane
Rotating plane (Small)
CSS Classes: .spinner .spinner-sm .rotating-plane
Spinning plane
CSS Classes: .spinner .spinning-plane
Spinning plane (Small)
CSS Classes: .spinner .spinner-sm .spinning-plane
Double bouncer
CSS Classes: .spinner .bouncer-1 .bouncer-2
Double bouncer (Small)
CSS Classes: .spinner .spinner-sm .bouncer-1 .bouncer-2
Single bouncer
CSS Classes: .spinner .simple-bouncer
Single bouncer (Small)
CSS Classes: .spinner .spinner-sm .simple-bouncer
Cubes
CSS Classes: .spinner .cubes-1 .cubes-2
Cubes (Small)
CSS Classes: .spinner .spinner-sm .cubes-1 .cubes-2
Wave 5
CSS Classes: .spinner .wave .rect1 .rect2 .rect3 .rect4 .rect5
Wave 3
CSS Classes: .spinner .wave .rect1 .rect2 .rect3
Explode
CSS Classes: .spinner .explode
Explode (Small)
CSS Classes: .spinner .spinner-sm .explode
Round
CSS Classes: .spinner .round
Round Square
CSS Classes: .spinner .spinner-sm .round .square