Spinner

Spinner

A loading indicator that shows a spinning animation.

Sizes

Available in three sizes: small, medium (default), and large.

Small
Medium
Large

Usage Examples

Common use cases for loading spinners.

Button Loading State

Inline Loading

Fetching latest data...

Card Loading

Loading content...

Accessibility

Spinners should be accompanied by descriptive text or ARIA labels to inform users about the loading state.

API Reference

Component parameters and their types.

Prop Type Default Description
Size SpinnerSize Medium Controls the size of the spinner.
Class string? Additional CSS classes applied to the spinner element.

Reconnecting...

Attempting to rejoin the server

Connection Lost

Retrying in seconds

Connection Failed

Failed to rejoin the server.
Please retry or reload the page.

Session Paused

The session has been paused by the server

Resume Failed

Failed to resume the session.
Please reload the page.