Skip to content
Triargos Design

Loading

A pending action keeps its button and its width; a loading region shows its shape in shimmer. The apply flow shows nothing, then fades in.

Pending action

Button isLoading: the label stays in the layout, invisible; the spinner shows at least 800ms, so a fast request does not flash.

primary / solidisLoading
neutral / raisedisLoading
neutral / ghostisLoading
destructive / solidisLoading

Components

Each has its own page under Components.

SpinnerComponents › Spinner

The spinner alone, in currentColor. Inside a button, use isLoading instead.

ProgressComponents › Progress

Known progress, like an upload.

SkeletonComponents › Skeleton

A loading region in the shape of its content, in shimmer.

Arriving contentanimate-in fade-in-0 duration-feedback

The content that replaces it fades in once, only when it arrives after the first render.