Spinner element by Mohak Goel, sample added in samples

[mohakgoel-data]

Spinner Component
A full-screen overlay with a circular loading indicator to provide visual feedback during background tasks.

Python Usage Example
To control the component from AnvPy, create a JavaScript instance and call its methods.

Python

from anv import Page, Button

Create a global spinner instance in JavaScript

Page.run_js("const appSpinner = new Spinner();")

Define Python functions to control the spinner

def show_loading(widget):
Page.run_js("appSpinner.show();")

def hide_loading(widget):
Page.run_js("appSpinner.hide();")

Bind functions to UI events

start_button = Button(text="Fetch Data")
start_button.on_click = show_loading
API Reference
Constructor: new Spinner(options)

options.id (String): Sets a custom ID for the spinner element. Defaults to 'default-spinner'.

Methods:

.show(): Makes the spinner overlay visible.

.hide(): Hides the spinner overlay.

.destroy(): Removes the spinner element from the DOM.