Leadity Komponentenreferenz · Lean Designsystem
Kuratierte Referenzzustände für direkte Prototypen · Werte aus tokens.css

Leadity-Komponenten

Diese Galerie zeigt die wiederverwendbaren Basismuster des Lean-Pakets. Die vier globalen Seitenregionen verwenden zusätzlich ausschließlich die geschützte App-Shell unter ui_kits/app/.

Aktionen und Status

Buttons lösen Aktionen aus, Quicklinks navigieren, Chips kommunizieren Status.

Buttons und Quicklinks

Lokale Elementaktionen

Der Status wird nach dem Speichern aktualisiert.
Offen✓ Vollständig! Prüfung nötig× Fehleri Hinweis

Formulare und Auswahl

Persistente Labels, sichtbare Zustände und kontrollierte Auswahl.

Felder und Validierung

Aus dem Projekt übernommen
Geben Sie ein vierstelliges Jahr ein.

Auswahlkontrollen

Geltungsbereich
Prüfverfahren
Berichtsstandard

Search

Figma-Referenz 5457:6900 · 330 × 40 px, mit optionaler Outline und Reset bei Eingabe.

Standard
Gefüllt
Umweltfilter · Standard
Umweltfilter · Gefüllt
Outline · Standard
Outline · Aktiv
Outline · Gefüllt

Upload-Verhalten und verknüpfte Inhalte

Lean-Referenz aus dem belegten Altvertrag: echtes Datei-Input, gleichwertige Tastaturalternative, sichtbarer Fortschritt sowie Ersetzen und Entfernen.

Läuft

nachweis.pdf60 % übertragen

Abgeschlossen

prüfbericht.pdfUpload abgeschlossen

Fehler

Die Datei konnte nicht hochgeladen werden.
Klimaziel 2030Ziel · verfügbar
Energieeffizienz verbessernMaßnahme · verfügbar

Daten und Filter

Semantische Tabelle, reguläre Datenzeilen und Aktionen oberhalb der Daten.

Aktive Filter

Emissionsfaktoren

Beispieldaten zur Darstellung von Tabellenzuständen
BezeichnungQuelleWertStatusAktionen
Strommix DeutschlandVerknüpfte Quelle0,38 kg CO₂e/kWh✓ Geprüft
DieselUnternehmenswert2,65 kg CO₂e/l! Offen

TreeTable

Wurzelebene plus höchstens fünf Unterebenen
Ausführbare Hierarchie mit programmatischer Eltern-Kind-Beziehung
ThemenstrukturEinträgeTyp
Ebene 1: Umwelt
Hauptgruppe
Ebene 2, Unterelement von Umwelt: Klima
Untergruppe
Ebene 3, Unterelement von Klima: Direkte Emissionen
Eintrag
Ebene 2, Unterelement von Umwelt: Energie
Untergruppe
Ebene 3, Unterelement von Energie: Stromverbrauch
Eintrag

DataWithLabel

Berichtsjahr2026
Berechnungsmethode Der vollständige Wert bleibt zugänglich.Standortbezogene Verbrauchserfassung
Nachweis

Spezialisierte Datenzellen

Umwelt Strommix Deutschland 2026Quelle und Gültigkeitsbereich werden im Fachprozess angegeben.

Chart.js-Diagramm

Synthetische Testreihe ohne fachliche Aussage; Datenquelle: Komponentenfixture.

Einheit: Referenzpunkte
Legende
  • Akzentreihe
  • Neutralreihe
Zugängliche Datenpunkte
    Datenalternative zum Diagramm
    ZeitraumAkzentreiheNeutralreihe
    Januar14
    Februar23
    März32
    April41

    Aufgaben und Fortschritt

    Arbeitszeilen, Verantwortlichkeit, Auswahl und aggregierter Status.

    Bearbeitungsstatus

    In Bearbeitung
    6
    In Prüfung
    3
    Abgeschlossen
    8
    Nicht begonnen
    0

    Feedback und Overlays

    Persistente Meldungen, Ladezustand, Toast und fokussierter Dialog.

    Meldungen und Laden

    Die Berechnung verwendet den zuletzt gespeicherten Datenstand.
    Zwei Pflichtangaben fehlen.

    Dialog und Popover

    Substanzielle Aufgaben öffnen im Modal; kurze Erklärungen bleiben Tooltips.

    Nachweis hinzufügen