logo light

Global Loading Indicator

Image Description
By: Lara Zeus
  • Published: 09 Apr 2024 Updated: 04 May 2024

provide a loading indicator for long running operations

Global Loading Indicator

Why?

Certain operations in Filament may experience prolonged loading times, for example when applying filters to a table. The following code snippet introduces a renderhook to the footer, coupled with an Alpine listener to display a loading message.

Ensure to set the timeout to a sufficiently high value to prevent the message from appearing unnecessarily for small requests.

Back to Tricks