Loading indicator

#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 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>