Bild — ui.image
Bild mit URL-Whitelist, Seitenverhältnis und Platzhalter-Fallback bei unsicherer Quelle
UI Elementv1.1.0Inhaltweb.documentweb.applicationdesktop.shellemail.client
Beispiele
16:9, cover
Quadratisch, große Rundung
Unsichere src → Platzhalter
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
src * | string | — |
alt * | string | — |
ratio | string: auto | 1:1 | 4:3 | 16:9 | 3:2 | "auto" |
fit | string: cover | contain | "cover" |
rounded | string: none | md | lg | "md" |
caption | string | "" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--image-radius | var(--radius-md) |
Genutzte Design-Tokens
color.surface.sunken color.text.muted radius.lg radius.md radius.none size.2 size.24 text.sm