<span class="loading loading-infinity text-primary"></span>
<span class="loading loading-infinity text-secondary"></span>
<span class="loading loading-infinity text-accent"></span>
<span class="loading loading-infinity text-neutral"></span>
<span class="loading loading-infinity text-info"></span>
<span class="loading loading-infinity text-success"></span>
<span class="loading loading-infinity text-warning"></span>
<span class="loading loading-infinity text-error"></span>
@!jrmc.loading.infinity({ class: 'text-primary' })
@!jrmc.loading.infinity({ class: 'text-secondary' })
@!jrmc.loading.infinity({ class: 'text-accent' })
@!jrmc.loading.infinity({ class: 'text-neutral' })
@!jrmc.loading.infinity({ class: 'text-info' })
@!jrmc.loading.infinity({ class: 'text-success' })
@!jrmc.loading.infinity({ class: 'text-warning' })
@!jrmc.loading.infinity({ class: 'text-error' })
Doc : daisyui loading
Loading shows an animation to indicate that something is loading.
| Class name | Type | |
|---|---|---|
| loading | Component | loading element |
| loading-spinner | Modifier | Shows the spinner animation |
| loading-dots | Modifier | Shows the dots animation |
| loading-ring | Modifier | Shows the ring animation |
| loading-ball | Modifier | Shows the ball animation |
| loading-bars | Modifier | Shows the bars animation |
| loading-infinity | Modifier | Shows the infinity animation |