icon spinner

The Icon Spinner will help when a small component is making a request and wait for the answer

default spinner

import { IconSpinner } from "dialui-components";

export const MyComponent = () => {
  return (
		<IconSpinner/>
	)
};

Default Props:

  • iconSpinner= 'eclipse';
  • size= 'sm';

Props:

  • iconSpinner?: SpinnerType;
  • size?: SpinnerSize;

SpinnerType:

Define the type of spinner you need.

  • iconSpinner?:
  • |'fleas' | 'squares' | 'eclipse' | 'mice' | 'dots';

SpinnerSize:

Define its size.

  • iconSize?:
  • |'sm'| 'md'| 'lg'| 'vw';

some examples

dots

fleas

mice

squares