Zur Komponentenübersicht

Leadity Komponentenreferenz

Overlays

Confirmdialogs sichern Entscheidungen ab, Modals bündeln umfangreiche Aufgaben, Tooltips erklären knapp und Popover halten kontextbezogene Interaktionen im Arbeitsfluss.

overlays.css + overlays.js

Confirmdialogs

640 px · Radius 12 px · Icon 48 px

Rückmeldung

Erfolg, Info, Warnung und Fehler benötigen eine aktive Bestätigung.

Entscheidung

Destruktive und kostenrelevante Entscheidungen erhalten eine sichere Gegenaktion.

Modals

Weiß oder Hellgrau · 32 px Padding · 24 px Rhythmus

Small800 px
Medium1000 px
Large1240 px
X-Large1600 px

Tooltips

3 Größen × 4 Positionen · Hover und Fokus

Small

Inhaltsbreit
Oben
Rechts
Unten
Links

Medium

240 px
Oben
Rechts
Unten
Links

Large

360 px
Oben
Rechts
Unten
Links

Popover

480 px · Radius 8 px · optionale Kopf- und Aktionszone

Filter auf mehrere Bereiche anwenden

Das Popover hält eine kleine kontextbezogene Entscheidung direkt am auslösenden Control.

Filter anwenden

Aktuelle Tabelle12 Einträge
Gesamtes Modul48 Einträge
Bereit für die Overlay-Prüfung.

Messages

Large 1000 px · Small 550 px · persistent

Large

Detaillierte, persistente Informationen · maximal 1000 px
Je nach Einstellungen heißt dieses Modul bei Ihnen eventuell Hot-Spot-Screening, Produkt-Screening, Warengruppen-Screening oder Dienstleistungs-Screening. Die Funktionsweise bleibt jedoch dieselbe.
Je nach Einstellungen heißt dieses Modul bei Ihnen eventuell Hot-Spot-Screening, Produkt-Screening, Warengruppen-Screening oder Dienstleistungs-Screening. Die Funktionsweise bleibt jedoch dieselbe.
Je nach Einstellungen heißt dieses Modul bei Ihnen eventuell Hot-Spot-Screening, Produkt-Screening, Warengruppen-Screening oder Dienstleistungs-Screening. Die Funktionsweise bleibt jedoch dieselbe.
Je nach Einstellungen heißt dieses Modul bei Ihnen eventuell Hot-Spot-Screening, Produkt-Screening, Warengruppen-Screening oder Dienstleistungs-Screening. Die Funktionsweise bleibt jedoch dieselbe.
Je nach Einstellungen heißt dieses Modul bei Ihnen eventuell Hot-Spot-Screening, Produkt-Screening, Warengruppen-Screening oder Dienstleistungs-Screening. Die Funktionsweise bleibt jedoch dieselbe.

Small

Kurze Informationen bis etwa 100 Zeichen · 550 px
Die Änderungen wurden gespeichert.
Zwei Pflichtangaben fehlen noch.
Der Nachweis konnte nicht geladen werden.
Die Auswahl gilt für den aktuellen Berichtszeitraum.
Der Berichtsabschnitt ist vollständig.

Toasts

350 px · sechs Varianten · 3000 ms

Loading und Skeleton

Spinner 16/40/72 px · Skeleton Neutral-20

Spinner

Für eine klar begrenzte laufende Operation.

Daten werden geladen …

Skeleton

Die Form entspricht dem erwarteten späteren Inhalt.

Änderungen gespeichert

Die aktualisierten Verantwortlichkeiten sind übernommen und für die beteiligten Personen sichtbar.

Unvollständige Angaben

Für zwei Kennzahlen fehlen noch Nachweise. Sie können fortfahren und die Dokumente später ergänzen.

Kennzahl löschen?

Die Kennzahl „Energieverbrauch Produktion“ und ihre Zuordnungen werden endgültig entfernt. Diese Aktion kann nicht rückgängig gemacht werden.

ISO-Modul freischalten

Für die ISO-Zertifizierungsfunktionen benötigen Sie ein Upgrade Ihres aktuellen Plans.

Kennzahl konfigurieren

Dieser Inhaltsslot nimmt die belegten Formular- oder Aufgabenkomponenten eines konkreten Arbeitskontexts auf.

Inhaltsslot für eine kompakte Aufgabe

Nachweise zuordnen

Die hellgraue Surface-Variante hebt weiße Inhaltskarten innerhalb eines umfangreicheren Arbeitsschritts hervor.

Inhaltsslot mit weißer Arbeitsfläche