How to display loading indicator in widget - Filament

Filament•3y ago•

4 replies

How to display loading indicator in widget

Hi, is it possible to render a loading indicator for widgets while they're still loading?

I tried it like this:

<x-filament-widgets::widget>
    <x-filament::section>
      ...
    </x-filament::section>
    <div wire:loading>
        <x-filament::loading-indicator class="h-10 w-10 mx-auto" />
    </div>
</x-filament-widgets::widget>

<x-filament-widgets::widget>
    <x-filament::section>
      ...
    </x-filament::section>
    <div wire:loading>
        <x-filament::loading-indicator class="h-10 w-10 mx-auto" />
    </div>
</x-filament-widgets::widget>