Versions Compared

Version Old Version 30 New Version 31
Changes made by

Carlie Bradshaw

Carlie Bradshaw

Saved on

Key

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

...

They can apply to various patterns, including Data tables, Lists, and Dashboards.

...

Types

Type

Usage

Image

Illustration

Use:

  • where there is sufficient space to display the illustration.

  • in the main workspace when there is only one empty state shown.

  • in the Details Pane.

All illustrations are animated.

BoxAni2.gif

Icon

Use:

  • where space is limited.

  • in the main workspace when there are multiple empty states across different containers.

Empty Box.svg

...

  • replace the content that would ordinarily be shown, such as the table or list.

  • be positioned 1/3 from the top of the content area, and horizontally centered.

Full page positioning example

Small container positioning example

image-20240709-075715.pngImage Removed
image-20240709-075715.pngImage Added
image-20240709-075905.pngImage Removed
image-20240709-075905.pngImage Added

Content

The selection of the image depends on the specific context:

...