Zur Komponentenübersicht

Leadity Strukturreferenz

Templatespezifische Kompositionen

Die Referenz zeigt ausschließlich die Anordnung bereits freigegebener Komponenten: Inhalts- und Abschlusswege, filtergebundene Data-/Task-Slots sowie lokale Tabs und Kapitelsteuerung.

template-compositions.css + .js

Template 1 · Inhalts- und Abschlusswege

Die Hauptspalte bleibt flexibel; der Abschlussbereich verwendet auf Desktop 440 px. Divider stehen nur zwischen Inhaltszeilen.

flexibel + 440 px · Gap 32 px

Template 2 · Filtergebundener Arbeitsbereich

Filter, sichtbare Datensätze und Headerstatus verwenden denselben Ergebniszustand. Die Zahl aktiver Filtercontrols verändert keine Statuswerte pauschal.

Data- und Task-Modus

Gefilterte Kennzahlen im Data-Slot
Kennzahl
VerantwortungFristStatus
EnergieverbrauchMir zugewiesenÜberfälligIn Bearbeitung
WasserentnahmeTeam Umwelt31.12.2026Ausstehend
ArbeitsunfälleMir zugewiesen30.09.2026Prüfung
WeiterbildungsstundenTeam SozialesÜberfälligAbgeschlossen

Task-Slot mit Sammelaktionen

Wählen Sie Aufgaben aus. Die BulkActionsBar bleibt viewportgeführt und erscheint erst ab einer Auswahl.

FH
Überfällig
In Bearbeitung
KS
31.12.2026
Ausstehend
AL
30.11.2026
Abgeschlossen

Keine Aufgabe ausgewählt.

Template 3 · lokale Tabs und Navigation

Zurück-Aktion, Content Card und Kapitelsteuerung bleiben getrennte Ebenen. Die Tableiste liegt vollständig innerhalb des Card-Paddings.

Zurück 40 px · Kapitel 32 px

Zurück zur Übersicht

Zieldefinition

Der Panelinhalt beginnt 24 px unter der Tableiste und wiederholt keine Informationen aus der Header Card.

Verlauf des Beispielwerts
JahrWertEinheit
202410.000t CO2e
20305.000t CO2e

Für diesen Referenzzustand sind keine Änderungen dokumentiert.

Tastaturprüfung: Pfeil links/rechts wechselt zyklisch, Home springt zum ersten und End zum letzten Tab. Bei nur einer Ansicht entfällt die Tableiste vollständig.