Skip to main content

Throbber

import { Throbber } from '@dr.pogodin/react-utils';

The Throbber component is a simple "action in progress" indicator, themed using React Themes library. It is rendered as three bouncing circles, and can be further themed to a certain degree.

Demo

By default <Throbber /> renders as three black bouncing circles: , which can be further styled to a certain degree using React Themes mechanics.

Properties​

  • theme — ThrobberTheme — Ad hoc React Themes theme.

  • themePriority — PRIORITY — Optional. Allows to override themes priority for the component. Defaults PRIORITY.ADHOC_CONTEXT_DEFAULT.

ThrobberTheme​

See React Themes docs to learn how themed components work and how they can be themed. The valid theme keys for Throbber are:

  • container — The root component element.
  • circle — Applied to each of the bouncing circles.