Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • visibilityPolicySetId – Determines whether the component is displayed based on a policy set. This allows showing the image only to users with specific permissions. Example: "contentViewerPolicy".
  • Figma: tbahttps://www.figma.com/design/yck1tcUXgdQ5aYX6iUAwrO/GE---Astronaut-Design-System?node-id=11613-71930&t=2GNf1jEXqXOrnDUK-1
  • Live style guide: tbahttps://e1-dev.k8s.myapp.de/live-style-guide/id7/6-image-raster

Guidelines

Usage

  • Bind visual content with imageUrl (template expressions allowed) and always provide an appropriate alt.
  • Choose an explicit sizing mode via resizeImageStrategy:
  • fitToContainer for aspect-preserving photos/illustrations.
  • useStaticSize with width/height for predictable thumbnails.
  • useRealSize for pixel-accurate assets.
  • fillWholeContent only when distortion is acceptable.
  • Control when the component renders with displayConditions; restrict access with visibilityPolicySetId.

...