...

A widget is a self-contained entity that is designed to work within a wider workspace.

...

Usage & Behavior

General guidelines

...

• Header, which includes:

  • Widget name, with or without additional information. ( In some cases, this may be replaced by Tabs. See Internal Logic below.)

  • Widget controls (optional), including Icon Buttons (optional) and an /or Action MenuMenus.

• Content area

Placement and Positioning

...

State	Image
Regular
Hover
Hover- Draggable	A frame will be added as a visual indication for draggability
Active (relevant for draggable widgets only, while being dragged)
Disabled	TBD - graphic design
Error	-
Focused	-
Focused, Hover	-
Focused, Active	-
Focused, Disabled	-

...