Versions Compared

Key

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

...

This also means that specific design choices in general, have been made on the premise of these components.

Info

Angular Material is not mandatory and not every application (See Questionnaire) use these components.

In order to be considered within specifications the applications should at least loosely adhere to these guidelines, or the general Material design guidelines.

...

  1. Left menu toggle

  2. Global navigation

  3. User information og login/out

  4. Left menu

  5. Main content area / Card

  6. Contextual action

  7. Breadcrumb Navigation

Image RemovedImage Added

General layout considerations are based on what type of content is to be displayed and edited in Common Workplace UI.

...

Dependant on priority the functions can be displayed to the left of the 3 dots, or hidden under the overflow, which are displayed on click.

Image RemovedImage Added

The bottom section of the card consists of:

...

Button placement is always from left to right, with the primary function left most.

Image RemovedImage Added

Content navigation

...

https://webaim.org/resources/contrastchecker/

Image RemovedImage Added

Grayscale

...

...

Information & Warnings

...

Buttons

https://material.angular.io/components/button/overview

...