Bild

Bild mit URL-Whitelist, Seitenverhältnis und Platzhalter-Fallback bei unsicherer Quelle

Im Builder nutzen

Beispiele

16:9, cover

Quadratisch, große Rundung

Unsichere src → Platzhalter

Eigenschaften

Prop	Typ	Default	Builder-Label
src *	string	—	Bild-URL
alt *	string	—	Alternativtext (Pflicht)
ratio	string: auto | 1:1 | 4:3 | 16:9 | 3:2	"auto"	Seitenverhältnis
fit	string: cover | contain	"cover"	Füllmodus
rounded	string: none | md | lg	"md"	Rundung
caption	string	""	Bildunterschrift (figcaption)

* Pflicht-Prop

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

Token	Default
--image-radius	var(--radius-md)

Genutzte Design-Tokens

color.surface.sunkencolor.text.mutedradius.lgradius.mdradius.nonesize.2size.24text.sm