Using React Activity Indicators (RAI)

We are going to show by example how to make use of all the available rai components in a react component.

1. CircularIndicator

Here is how you can use CircularIndicators in a react component.

Output

Props

CircularIndicator accept the following as its custom props. Note that some of its props inherit them from a div element for the outer container.

2. DoubleCircularIndicator

Here is how you can use DoubleCircularIndicators in a react component.

Output

Props

DoubleCircularIndicator accept the following as its custom props. Note that some of its props inherit them from a div element for the outer container.

3. CircularDotIndicator

Here is how you can use CircularDotIndicators in a react component.

Output

Props

CircularDotIndicator accept the following as its custom props. Note that some of its props inherit them from a div element for the outer container.

4. QuarterCircularIndicator

Here is how you can use QuarterCircularIndicators in a react component.

Output

Props

QuarterCircularIndicator accept the following as its custom props. Note that some of its props inherit them from a div element for the outer container.

5. RippleIndicator

Here is how you can use RippleIndicators in a react component.

Output

Props

RippleIndicator accept the following as its custom props. Note that some of its props inherit them from a div element for the outer container.

6. BoxIndicator

Here is how you can use BoxIndicators in a react component.

Output

Props

BoxIndicator accept the following as its custom props. Note that some of its props inherit them from a div element for the outer container.

7. LinearIndicator

Here is how you can use LinearIndicators in a react component.

Output

Props

LinearIndicator accept the following as its custom props. Note that some of its props inherit them from a div element for the outer container.