Versions Compared

Version Old Version 57 New Version 58
Changes made by

Guy Hivroni (Unlicensed)

Guy Hivroni (Unlicensed)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • A linear progress indicator attached to the top a container, such as a card indicates the process applies to that particular item (and that interaction with the rest of the UI is possible)

  • A linear progress indicator at the center of the screen should indicate loading all screen content (and that no interaction is possible until complete)

When integrated to form elements (e.g. file upload), it may be placed to the right of the label\field pair. It may also be placed underneath the field depending on available screen real estate or responsive design.

...

Image Added

A circular progress indicator should only be placed in the center << update when toasts are complete >> of a container or component. For example:

...