Loading Spinner

Indicates that an operation is in progress.

Component Code

<div class="flex items-center gap-6">
    <april:loading-spinner />
    <april:loading-spinner size="lg" class="text-primary" />
</div>

Use the default size for inline loading states and size="lg" for a larger surface. The spinner includes an accessible loading label for screen readers.

<april:loading-spinner />
<april:loading-spinner size="lg" />

Pass classes such as text-primary to set the spinner color.

Publishing Views

Use the following command to publish this view:

php artisan april:publish loading-spinner

April UI keeps package views in `vendor/` by default. The command uses Laravel's vendor publishing system and copies overrides to `resources/views/vendor/april/components`. To publish all components, run:

php artisan april:publish --all

Review local overrides after an upgrade with `php artisan april:update --diff`.