Spinner

A standalone loading indicator.

Examples

Sizes

blade

<div class="flex items-center gap-4">
    <x-plume::spinner size="sm" />
    <x-plume::spinner size="md" />
    <x-plume::spinner size="lg" />
    <x-plume::spinner size="xl" />
</div>

Styles

blade

<div class="flex items-center gap-4">
    <x-plume::spinner style="default" />
    <x-plume::spinner style="secondary" />
    <x-plume::spinner style="error" />
</div>

Prop	Type	Default	Description
size	string	'md'	Size of the spinner: 'xs', 'sm', 'md', 'lg', 'xl'.
style	string	'primary'	Color style: 'primary', 'secondary', 'error', 'background', 'white'.

Usage

blade

<x-plume::spinner size="lg" style="secondary" />