Versions Compared

Key

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

The overlay serves as a focus aid for all components that are to be lifted from the dashboard. The overlay also has a column grid, this grid is similar to the Dashbord Column Grid.

Currently the overlay can be used for these applications:

Table of Contents


Info
iconfalse
titleZeplin Documentation

here you will find the handover and the Styleguide of this componente:

https://zpl.io/b6d0Y8R


Basic Overlay


Image AddedImage Removed
1920 Basic Overlay definition


Image Added
1920 Basic Astronaut Overlay

Image RemovedImage Added
1920 Basic Tokyo Overlay

Dialog Overlay

Der Dialog passt sich an den Column-Grid des Overlays an. Welche Dimensionen der Dialog besitzt ist vom unterschiedlichen  Inhalt abhängig. Mehr darüber erfahren Sie im Thema Dialog.


Info
iconfalse
titleZeplin Documentation

here you will find the handover and the Styleguide of this componente:

https://zpl.io/VQX5AvP



1920 Dialog Overlay definition


1920 Dialog Overlay

Popup Overlay

Als Popup eignen sich alle möglichen Informations-Module oder Eingabe-Module. Das Modul passt sich an den Column-Grid des Overlays an. Welche Dimensionen das Modul besitzt ist vom unterschiedlichen Inhalt abhängig. Mehr darüber erfahren Sie im Thema Modul.



Info
iconfalse
titleZeplin Documentation

here you will find the handover and the Styleguide of this componente:

https://zpl.io/2pGJrvN



1920 Popup Overlay definition


1920 Popup Overlay