Loader
A loader alerts a user to wait for an activity to complete.

Types

Loaders are hidden unless has prop active or inside an Dimmer active.

Text Loader

A loader can contain text.

Loading
Loading

You can do the same using shorthands.

Loading
Loading

States

Indeterminate

A loader can show it's unsure of how long a task will take.

Preparing Files

Active

A loader can contain text.

An active loader may not be clearly visible without using a Dimmer.

Disabled

A loader can be disabled or hidden.

Variations

Inline

Loaders can appear inline with content.

Inline Center

Loaders can appear inline centered with content.

Size

Loaders can have different sizes.

Inverted

Loaders can have their colors inverted.

Inverted

Loaders can have their colors inverted.

Loaders will automatically be inverted inside inverted Dimmer.
This is the bottom
Blazing deployments by Vercel.