Versions Compared

Key

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

...

  • A toolbar can include:

    • a variety of components, such as Action Menus, Buttons, and Search.

    • information such as counters and statuses. (See example in the Data Table image above).

  • Dialog Buttons cannot be used within a toolbar.

  • Optionally, a hamburger Icon Button can be used to group multiple actions into an Action Menu.

  • If actions can be grouped, they should be separated by a vertical divider (for example, table-level actions | row-level actions).

Internal Logic

  • A Options in the toolbar can be applied to single or multiple selection actions on the related content. one or more items within the content, depending on what has been selected.

  • Controls in the toolbar can be enabled/disabled in response to data selection (e.g. Delete can be disabled if no data is selected).

  • A toolbar can be created for one or more options; there is no lower limit.

States

The toolbar itself has no states. Each component on the toolbar will behave according to its own states.

...