Skip to main content
Spinners indicate that content is loading or an action is in progress.

Basic Usage

Sizes

In Context

Pair a spinner with text to communicate what’s loading.

API Reference

Spinner Parameters

size
str
default:"default"
Spinner size: "sm", "default", "lg".
css_class
str | None
default:"None"
Additional Tailwind CSS classes.

Protocol Reference

Spinner
{
  "type": "Spinner",
  "size?": "sm | default | lg",
  "cssClass?": "string"
}
For the complete protocol schema, see Spinner.