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

* Pflicht-Prop

Genutzte Design-Tokens

color.surface.sunkencolor.text.mutedradius.lgradius.mdradius.nonesize.24