Versions Compared

Key

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

...

A widget is a container element designed to work within a workspace.

Image RemovedImage RemovedImage AddedImage Added
Image AddedImage Added

Usage & Behavior

...

States

State

Image

Regular

Hover (only when draggable)

Active (while being draggedonly when draggable)

Focused

Edge Cases

State

Image

Empty state

Maleschuk, Ileana (Unlicensed) Guy Hivroni (Unlicensed) Femi

Loading…

Loading error

Interaction

...

  • Widgets has no special validations.

  • In case there are errors in the content area and the widget is collapsed an indicator will appear next to the widget title.:

Transitions

Expand and collapse will be animated.

...

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.

Design

  • On dashboards, widgets will be placed on a grey background:

Image Added

Zeplin link

Screen thumbnail

https://zpl.io/blr1x0v

Image RemovedImage Added

Code

...

  • On dashboards, widgets will be placed on a grey background:

...