Versions Compared

Key

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

...

The toolbar may be used in 3 components.

Type

Image

Data Table

List

Image Modified

Chart

Image RemovedImage Added

General guidelines

...

  • A toolbar can include a variety of components such as Action Menus, Buttons, Search etc…

  • Dialog buttons are not used within a toolbar.

  • Optionally, a mini-hamburger menu button (Itay lapid (Unlicensed) add icon) can be used to aggregate multiple actions in an Action Menus.

    Image Added
  • A toolbar can also include information such as counters and statuses (see example in data table image above).

  • If actions can be grouped, they should be separated by a vertical divider (e.g. table-level actions Vs row-level actions).

...