Loading

Loading indicators communicate that content or an action is in progress.

npx jsx-daisyui add loading

Default

loading-default

loading-variants

loading-sizes

loading-colors

Prop	Type	Default	Description
`variant`	`'spinner' \| 'dots' \| 'ring' \| 'ball' \| 'bars' \| 'infinity'`	`'spinner'`	The shape and animation variant of the loading indicator.
`size`	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`	`'md'`	The size of the loading indicator.
`color`	`'neutral' \| 'primary' \| 'secondary' \| 'accent' \| 'info' \| 'success' \| 'warning' \| 'error'`	-	The color of the loading indicator.