Skip to content

Loading

Use the loading component to show an animation while a process runs.

Loading documentation

Class names

  • component: loading
  • style: loading-spinner, loading-dots, loading-ring, loading-ball, loading-bars, loading-infinity
  • size: loading-xs, loading-sm, loading-md, loading-lg, loading-xl

Syntax

<span class="loading {MODIFIER}"></span>

Rules

  • {MODIFIER} is optional. It can include one style class name and one size class name.