Small
| Zustand | Darstellung |
|---|---|
| Default | Tabellenzelle |
| Light | Sekundäre Information |
| Clickable | Unterstrichen bei Hover |
| Empty | — |
Leadity Komponentenreferenz
Data
Kanonischer Kern für DataTable, TreeTable, Spaltensteuerung und sämtliche Zellfamilien aus Figma `5022:1766`. Fachkomponenten werden als reale Registry-Instanzen eingebunden und behalten ihre eigenen Verträge.
data.css + data.js
DataTable · Large
16 px · 48 px Body · Sortierung, Auswahl und Spaltensteuerung
|
Kennzahl
|
Zeitraum
|
Wert
|
Einheit |
Zuordnung |
Aktionen | |
|---|---|---|---|---|---|---|
| Energieverbrauch | 2025 | — | kWh | |||
| Wasserentnahme | 2025 | — | m³ | |||
| Abfallmenge | 2024 | Wert fehlt | kg |
0 von 3 Zeilen ausgewählt.
Dichte und Zellzustände
Small und Large jeweils 16 px · unterschiedliche Geometrie · keine Zebra-Streifung
Integrationszeilen
| Slot | Verantwortung |
|---|---|
| Formular | |
| Status | |
| Bewertung | |
| Aktionen |
DataTable-Zellfamilien
Reale Komponenten statt beschrifteter Slots
| Zellfamilie | Standard | Alternative oder Zustand | Kanonischer Besitzer |
|---|---|---|---|
| Input und Select | Form Controls | ||
| Textarea und Toggle | Form Controls | ||
| Checkbox und Radio | Form Controls | ||
| Button und Quicklink | Details | Actions | |
| Iconbutton und KI-Prüfung | Actions / Data | ||
| Chip und Projektmanagement | 12.09.2026 |
Chips, Avatare und Status | |
| DragHandle und DotMenu | Item Controls | ||
| Rating | Data | ||
| Nachhaltigkeitsdimension | Data + Originalassets | ||
| Emissionsfaktor | Data | ||
| Empty | — | Data |
Header-Kompositionen
Accordion, gedrehte Header, Info-, Filter- und Sortieraktionen
Kennzahl |
Einheit | Quelle | |
|---|---|---|---|
| Energieverbrauch | 2025 | kWh | ERP-Import |
| Wasserentnahme | 2025 | m³ | Standortabfrage |
TreeTable
Wurzelebene + höchstens fünf Unterebenen
| Themenstruktur | Einträge | Hinweis |
|---|---|---|
Ebene 1: Umwelt |
— | Hauptgruppe |
Ebene 2, Unterelement von Umwelt: Klima |
— | Untergruppe |
Ebene 3, Unterelement von Klima: Direkte Emissionen |
— | — |
Ebene 2, Unterelement von Umwelt: Energie |
— | Untergruppe |
Ebene 3, Unterelement von Energie: Stromverbrauch |
— | — |
DataWithLabel
40–56 px · optionales Info-i · maximal 280 px
Berichtsjahr2025
Berechnungsmethode
Standortbezogene Verbrauchserfassung
Nachweis—
Verankerungsmodell
Ein Besitzer je Komponente, reale Instanzen in Data
Actions, Form Controls, Chips, Status und Item Controls werden als registrierte Instanzen eingebunden. Data überschreibt weder deren Zustände noch deren Typografie.
Rating, KI-Prüfung, Nachhaltigkeitsdimension und Emissionsfaktor besitzen eigene Registry-Einträge mit den Figma-Nodes aus `5022:1766`.
Gedrehter Header und Gruppen-Accordion bleiben DataTable-spezifisch, semantisch als Tabellenkopf und mit vollständiger Tastaturbedienung.
Sortierung, Auswahl, TreeTable, Spaltensteuerung und Header-Gruppen werden gemeinsam über `data.js` synchronisiert.