Skip to content
On this page

Spinner

A Spinner is used to show the user a timely process is currently taking place. It is an important UX feature, which gives the user the feeling the system is continuing to work for longer term activities, like grabbing data from the server or some heavy calculations.

Overview

typescript
type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

interface UseSpinnerClassesProps {
  size?: SpinnerSize | number;
  color?: string;
  thickness?: number;
  normal?: boolean;
}

Regular Spinner

Regular Spinner Thickness

Normal Spinner

Color

On Buttons

Clinux UI - Released under the MIT License.