Element · 6 Varianten
Bild
elements/Bild.astro
Ein Element für Foto: Ratio, Radius nur sm bis lg, Skeleton als Fond. Kein Overlay, Caption darunter.
Notizen
- Bestand: img mit aspect-[4/5] etc. direkt in Sektionen. Kein Element, keine Skeleton-Regel.
- Radien-Regel: sm–xl nur Medien. Fläche none. Overlay der Anfrage widerspricht Kein-Overlay und entfällt.
- Wenn Approved: Element Bild mit Props ratio, radius, caption, loading.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "quadrat" | "vier-drei" | "sechzehn-neun" | "hochkant" | "radius" | "skeleton" | "quadrat" | 01–06. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. |
<Bild variant="quadrat" surface="nacht" />01 · 1:1
aspect-square
Avatar, Grid. Caption darunter.
Nacht
Paper
02 · 4:3
Standard
Über-uns-Teaser. Landschaft.
Nacht
Paper
03 · 16:9
Breit
Video. Band.
Nacht
Paper
04 · 3:4
Porträt
Case-Study-Card. Hochkant.
Nacht
Paper
05 · Radius
none · sm · md · lg
Radien-Seite. xl nur Input.
Nacht
Paper
06 · Skeleton
Fond pulsiert
Progress. animate-pulse, reduced-motion stoppt.
Nacht
Paper