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

Zeus is an open-source project. Thanks to my sponsors for helping me maintain this project.