@congritta-ui/loading-wheel
This is loading wheel React component and part of Congritta UI
How to install
- Install
@congritta-ui/base
if you didn't it yet. (More info at: http://ui.congritta.com/docs/base); - 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 name | Description | Is Required | Default value |
---|---|---|---|
size | Size of the wheel (in pixels) | true | |
width | Width of the ring (in pixels) | true | |
spinsPerSecond | How many spins per second | true | |
color | Color of the ring | false | var(--cui-accent-color-700) |
animationTimingFunction | Timing function for speed. See CSS animation timing function docs | false | linear |
additionalClassName | Classname for providing your styles | false | |
domProps | HTML general attributes for div element (like onClick , id and so on) |
false |