A svg based ring spinner loader component.

Parameters:
NameTypeDescription
propsobject

Component props.

Properties
NameTypeDescription
customAttributesobject

Custom attributes for the component.

customClassesstring | Array | object

Custom classes for the component.

foregroundstring

Color for the loader foreground element.

lineWeightnumber

Line weight for the svg stroke of this loader.

loaderCustomAttributesobject

Custom attributes for the base loader component.

sizenumber

Size in pixels for the loader.

spacingstring | number | Array | object

The spacing for the component, as a string, number, array, or object.

speednumber

Speed in seconds for the animation of this component.

refobject | null

Ref to the component.

Since
  • 1.1.15
Source
Returns:

A ring spinner loader component with elastic animation.

Type: 
JSX.Element
Example
import RingLoader from '@gravityforms/components/react/admin/modules/Loaders/RingLoader';

return <RingLoader foreground="#242748" lineWeight={ 4 } size={ 40 } />;