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 ​

Portábilis UI - Released under the MIT License.