Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

Spinner

Spinner is used to display an animated loading indicator when a task is in progress.

Basic Examples

Spinner can have different sizes.

Demo with buttons

Buttons have their own loading prop that automatically composes a spinner.

Spinner inside a button

If you have an icon inside the button, you can use the button's disabled state and wrap the icon in a standalone rx.spinner to achieve a more sophisticated design.

API Reference

rx.spinner

A spinner component.

Test
PropType | ValuesDefaultInteractive
size
"1" | "2" | ...
loading
bool

Event Triggers

See the full list of default event triggers