Sektion · 6 Varianten
Team-Grid
sections/TeamGrid.astro
Erklärung & Vertrauen. Sechs Stimmen. 01 Raster, 02 Liste, 03 Kopf, 04 Split, 05 Spalten, 06 Display. Team-Card liste und split. Nacht und Paper.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "raster" | "liste" | "kopf" | "split" | "spalten" | "display" | "raster" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
| label | string? | "Das Team" | Section-Label. |
| title | string? | — | H2. 06 als nw-display. |
| lead | string? | — | Nicht 01 Raster, nicht 02 Liste. |
| members | TeamMember[]? | — | Sechs. Foto, Name, Rolle, LinkedIn, Mail. 06 zeigt drei. |
| link | string? | "Zum Werk" | nw-link. 03, 04, 06. |
| href | string? | "/system" | Ziel des nw-link. |
<TeamGrid variant="raster" surface="nacht" />
<TeamGrid variant="liste" surface="paper" />01 · Raster
Drei Spalten, Portrait neben dem Satz
Team-Card split. Sechs Karten.
Nacht
Paper
02 · Liste
Eine Zeile je Stimme
Team-Card liste. Dicht, Foto klein, Links rechts.
Nacht
Paper
03 · Kopf
Satz, dann das Raster
H2 und Lead über denselben Split-Karten.
Nacht
Paper
04 · Split
Satz klebt, Liste läuft
5 + 6. Sticky links ohne Overflow.
Nacht
Paper
05 · Spalten
Zwei Bahnen Liste
Drei plus drei. Verzeichnis.
Nacht
Paper
06 · Display
Ein Satz, drei Portraits
nw-display. Drei Split-Karten.
Nacht
Paper