Versions Compared

Key

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

...

  • visibilityPolicySetId — Determines the visibility of the component based on specified policy sets. For example, setting to "customerOnlyPolicy" restricts the collection to authenticated customers only.
  • Figma: https://www.figma.com/design/yck1tcUXgdQ5aYX6iUAwrO/GE---Astronaut-Design-System?node-id=11550-252909&t=iosNC2AkSTGs5lMh-1
  • Live style guide: https://e1-dev.k8s.myapp.de/live-style-guide/id5/4-card/card-collection

Guidelines

Usage

  • Present a data-backed grid of items by binding a data source and mapping title/subtitle fields; ensure each card uses a stable unique key.
  • Show a localized header when it adds context; hide it when redundant. Keep strings concise to avoid truncation.
  • Use collapsed and expanded templates to control information density.
  • Display a loader during fetches and a localized empty-state message when no results are returned.
  • Provide stable testing hooks and, when used, localized guided-tour titles and descriptions.

...