Loader

Use the Loader component to let the user know that a process is happening or something is loading. Loader renders a responsive box-model layout component.
Import component
import { Loader } from 'rimble-ui';

Examples

Default
Loader with background
Custom size
Custom colour
Custom size with color and background
Custom background
Black loader

Props

Prop NameTypeIs RequiredDefault ValueDescription
coloroptional
'primary'
bgoptional
'transparent'
sizeoptional
'1rem'
Styled System Props
Loader uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styed System props.
(ノ◕ヮ◕)ノ*:・゚✧

Are we missing anything?

If you have any extra insight you'd like to add, please raise an issue in Github.
Contribute

Loader

On this Page