V99LoadingIndicator¶

Show loading progress.

I. Props¶

Name	Type	Default	Description
type	string	'default'	Set type
size	number	20	Set size
overlay	boolean	-	If true set loading with overlay all screen
onRequestClose	() => void	-	Handle callback request close for overlay loading
backdropPressToClose	boolean	-	If true can press outside to close overlay loading

II. Usage¶

import { V99LoadingIndicator } from 'v99-kits'

1. Default¶

Example¶

                        <V99LoadingIndicator
                          backdropPressToClose
                          size={100}
                        />

Demo¶

Demo7

2. 9CubeGrid¶

Example¶

<V99LoadingIndicator type="9CubeGrid" size={50} />

Demo¶

Demo6

3. Arc¶

Example¶

<V99LoadingIndicator type="Arc" size={50} />

Demo¶

Demo5

4. ArcAlt¶

Example¶

<V99LoadingIndicator type="ArcAlt" size={50} />

Demo¶

Demo4

5. Bounce¶

Example¶

<V99LoadingIndicator type="Bounce" size={50} />

Demo¶

Demo3

6. ChasingDots¶

Example¶

<V99LoadingIndicator type="ChasingDots" size={50} />

Demo¶

Demo2

7. Wave¶

Example¶

<V99LoadingIndicator type="Wave" size={50} />

Demo¶

Demo1

8. Plane¶

Example¶

<V99LoadingIndicator type="Plane" size={50} />

Demo¶

Demo