<span class="loading loading-ring loading-xs"></span>
<span class="loading loading-ring loading-sm"></span>
<span class="loading loading-ring loading-md"></span>
<span class="loading loading-ring loading-lg"></span>
@!jrmc.loading.ring({ class: 'loading-xs' })
@!jrmc.loading.ring({ class: 'loading-sm' })
@!jrmc.loading.ring({ class: 'loading-md' })
@!jrmc.loading.ring({ class: 'loading-lg' })
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 |