Progress spinner

Overview

Progress Spinner is used to indicate something is in progress and is based on the Angular Material progress spinner component.

Examples

import mesop as me


def load(e: me.LoadEvent):
  me.set_theme_mode("system")


@me.page(
  on_load=load,
  security_policy=me.SecurityPolicy(
    allowed_iframe_parents=["https://google.github.io"]
  ),
  path="/progress_spinner",
)
def app():
  with me.box(style=me.Style(margin=me.Margin.all(15))):
    me.progress_spinner()

API

progress_spinner

Creates a Progress spinner component.

PARAMETER	DESCRIPTION
key	The component key. TYPE: str | None DEFAULT: None
color	Theme palette color of the progress spinner. TYPE: Literal['primary', 'accent', 'warn'] | None DEFAULT: None
diameter	The diameter of the progress spinner (will set width and height of svg). TYPE: float DEFAULT: 48
stroke_width	Stroke width of the progress spinner. TYPE: float DEFAULT: 4