Menu

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

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 loader 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

Inline Center

Loaders can appear inline centered with content

Speed

Loaders can appear slow, normal or fast

Colors

Loaders can be different colors

Size

Loaders can have different sizes

Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading

Inverted

Loaders can have their colors inverted.





Loaders will automatically be inverted inside inverted dimmer
Loading
Loading
Loading
Loading

Styles

Loaders can also appear in double or elastic animation style. Can be combined with any color or speed.









Dimmer Message
Dimmer sub-header