bolt

#Frontend loading indicator

By default there is a loading indicator on the top left next to the breadcrumbs, but you can customize it as you want.

#the loading blade

Create the file resources/views/vendor/zeus/themes/zeus/bolt/loading.blade.php with the default content:

1<div>
2    @teleport('.bolt-loading')
3        <div wire:loading class="px-4">
4            @svg('iconpark-loading-o', 'text-primary-600 w-8 h-8 animate-spin')
5        </div>
6    @endteleport
7</div>

In your app layout add the following where you want the loader to show

1<div class="bolt-loading"></div>