Loading

A loading animation component to inform of a progress taking course. The component can take full space of a positioned parent element or be as small to fit inside content.

<Loading animate />
Prop nameTypeDefaultDescription
AnimationanyAnimationComponent
themeanyRequired
classesanyRequired
animatebool
showbooltrue
animationobject
layerenum'primary'
One of: 'primary', 'secondary', 'header', 'control', 'success', 'alert', 'disabled'
smallbool

Make the loading a small inline-block element animation to fit inside other components.

fullbool

Expand to fill the container space. This assumes there is a positioned parent element to hold the loading.

Source code: src/Loading Open in: Playground