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.
Lokale Elementaktionen
Formulare und Auswahl
Persistente Labels, sichtbare Zustände und kontrollierte Auswahl.
Felder und Validierung
Auswahlkontrollen
Search
Figma-Referenz 5457:6900 · 330 × 40 px, mit optionaler Outline und Reset bei Eingabe.
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
Abgeschlossen
Fehler
Daten und Filter
Semantische Tabelle, reguläre Datenzeilen und Aktionen oberhalb der Daten.
Emissionsfaktoren
| Bezeichnung | Quelle | Wert | Status | Aktionen |
|---|---|---|---|---|
| Strommix Deutschland | Verknüpfte Quelle | 0,38 kg CO₂e/kWh | ✓ Geprüft | |
| Diesel | Unternehmenswert | 2,65 kg CO₂e/l | ! Offen |
TreeTable
Wurzelebene plus höchstens fünf Unterebenen| Themenstruktur | Einträge | Typ |
|---|---|---|
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
Spezialisierte Datenzellen
Chart.js-Diagramm
Synthetische Testreihe ohne fachliche Aussage; Datenquelle: Komponentenfixture.
- Akzentreihe
- Neutralreihe
| Zeitraum | Akzentreihe | Neutralreihe |
|---|---|---|
| Januar | 1 | 4 |
| Februar | 2 | 3 |
| März | 3 | 2 |
| April | 4 | 1 |
Aufgaben und Fortschritt
Arbeitszeilen, Verantwortlichkeit, Auswahl und aggregierter Status.
Aufgabenliste
Bearbeitungsstatus
Feedback und Overlays
Persistente Meldungen, Ladezustand, Toast und fokussierter Dialog.
Meldungen und Laden
Dialog und Popover
Substanzielle Aufgaben öffnen im Modal; kurze Erklärungen bleiben Tooltips.