Aktivitäts-Raster (Heatmap) — component.activity-heatmap
Jahres-Raster nach GitHub-Muster: eine Kachel je Tag, Intensität in fünf Stufen aus einem Ton-Token, Wochentag- und Monats-Beschriftung, Legende und Gesamtzahl
Componentv1.0.0Datenweb.applicationdesktop.shellbuilder.preview
Beispiele
26 Wochen Aktivität (Werte im Tooltip)
FebMärAprMaiJunJul
MoMiFrSo
650 Aufgabenwenigermehr
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
start * | string | — |
weeks | number | 26 |
tone | string: primary | accent | success | "success" |
max | number | 0 |
unit | string | "Beiträge" |
values | array | [] |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--heat-tone | var(--color-status-success) |
--heat-cell | var(--size-3) |
Genutzte Design-Tokens
border.hairline color.accent color.action.primary color.border.default color.status.success color.surface.default color.surface.sunken color.text.muted font.family.default radius.surface size.1 size.3 size.4 size.8 text.sm text.xs