Loader

The Loader element is a placeholder while content is being retrieved or rendered.

xxxxxxxxxx
 
import Loader from 'calcite-react/Loader';

Basic Usage

 
<Loader />

 
<Loader text="Loading..." />

 
<Loader sizeRatio={2} />
<Loader sizeRatio={0.4} />

 
<Loader color="tomato" />
<Loader color="#1E90FF" />
<Loader color={colors['blk-070']} />

Property	Type	Required	Default	Description
sizeRatio	Number	false	1	Relative size of the Loader component. Value must be greater than 0. A value of 1 results in a 50px height Loader
text	String	false	-	Text displayed below the loading bars.
color	String	false	-	Color of the Loader bars