Skip to main content

@congritta-ui/loading-wheel

This is loading wheel React component

How to install

  1. Install @congritta-ui/base if you didn't it yet. (More info here);
  2. Install @congritta-ui/loading-wheel;

Add

import LoadingWheel from '@congritta-ui/loading-wheel';

into your code

How to use

Example:

<LoadingWheel size={50} width={5} spinsPerSecond={.7} />

Props

Prop nameDescriptionIs RequiredDefault value
sizeSize of the wheel (in pixels)true
widthWidth of the ring (in pixels)true
spinsPerSecondHow many spins per secondtrue
colorColor of the ringfalsevar(--cui-accent-color-700)
animationTimingFunctionTiming function for speed. See CSS animation timing function docsfalselinear
additionalClassNameClassname for providing your stylesfalse
domPropsHTML general attributes for div element (like onClick, id and so on)false