Menu

Loader

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

Download

Types

Loader

A loader

Loaders are hidden unless active or inside an active dimmer.

Text Loader

A loader can contain text

Loading
Loading

States

Indeterminate

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

Preparing Files

Active

A loader can be active or visible

An active dimmer may not be clearly visible without using a ui dimmer

Disabled

A loader can be disabled or hidden

Variations

Inline

Loaders can appear inline with content

Size

Loaders can have different sizes

Loading
Loading
Loading
Loading

Inverted

Loaders can have their colors inverted.

Loaders will automatically be inverted inside dimmers to maintain consistency
Loading
Loading
Loading
Loading

Dimmer Message
Dimmer sub-header