Semantic UI React  1.0.0
GitHub CHANGELOG
Getting Started
IntroductionGet StartedCompositionShorthand PropsThemingLayout examplesPrototypes
Elements
ButtonContainerDividerFlagIconHeaderImageInputLabelListLoaderPlaceholderRailRevealSegmentStep
Collections
BreadcrumbFormGridMenuMessageTable
Views
AdvertisementCardCommentFeedItemStatistic
Modules
AccordionCheckboxDimmerDropdownEmbedModalPopupProgressRatingSearchSidebarStickyTabTransition
Behaviors
Visibility
Addons
ConfirmMount NodePaginationPortalRadioResponsiveSelectText AreaTransitionable Portal

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

See:
Dimmer
src/elements/Loader/Loader.js
Semantic UI Loader Docs

Types

Loader

A loader.

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

Text Loader

A loader can contain text.

You can do the same using shorthands.

States

Indeterminate

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

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