Balance Logo
Balance
Reckon Design System
Open playroom

Loading

Loading indicators inform users that their action is being processed.
Install
pnpm add @balance-web/loading
Import usage
import {
LoadingDots
} from '@balance-web/loading';
  • Code
  • API

Loading indicators are used to indicate the loading state of a view, section or element. Use loading indicators when information takes an extended amount of time to process and appear in the view.

Dots

Label

You must provide a label for assistive technologies.

Edit in Playroom

Sizes

Use the large size loading dots to let the user know that the entire page or view is processing.

The small indicators shoud be reserved for individual elements, like buttons. Use the medium size to show that a section of UI or content is pending.

Copyright © 2024 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo